/**********************Elements**************************/
body {
    margin: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #0f4c75;
}

h1 {
    font-family: 'Roboto Slab', serif;
    color: #0f4c75;
    text-shadow: 1px 1px #fff;
    margin: 0 auto;
    line-height: 3;
}

p, label, li {
    margin: 0;
    font-size: 1.25em;
    line-height: 2;
}

ul {
    list-style: upper-roman;
}

li {
    margin-bottom: 25px;
}

tr {
    line-height: 3;
}

table {
    width: 100%;
    margin-bottom: 35px;
}

button {
    margin-bottom: 50px;
}

/************************* image container */
.image-container {
    text-align: center;
    padding: 0 21% 3%;
}

.logo-img {
    width: 100%;
}

/*********************** about us container */
.about-us-container {
    background-image: linear-gradient(to bottom right, #3282b8, #bbe1fa);
}

.about-us-sub-container {
    padding: 3% 25% 6% 25%;
    margin: auto;
    text-align: center;
}

.about-us-header {
    display: inline;
}

.about-us-paragraph {
    text-align: left;
}

/************************** showcase section */
.carousel-inner {
    background-color: #fdcb9e;
    padding: 3% 15%;
}

.card {
    margin: 5% 3%;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-image {
    width: 100%;
    height: 450px;
}

.bathroom-img {
    height: 800px;
}

.exterior-img {
    height: 300px;
}

/************************** the team container */
.the-team-container {
    background-image: linear-gradient(to bottom, #fdcb9e, #fff);
    color: #1b262c;
    padding-top: 80px;
    padding-bottom: 80px;
}

.michael-container, .lisa-container {
    width: 50%;
    margin: auto;
    text-align: left;
    line-height: 2;
    margin-top: 50px;
}

.lisa-container {
    margin-top: 120px;
}

.thumbnail-img {
    width: 50%;
    margin-right: 30px;
}

.michael-img {
    width: 40%;
    float: left;
    margin-right: 30px;
}

.lisa-img {
    width: 40%;
    float: right;
    margin-left: 30px;
}

/************************** contact us container */
.contact-us-container {
    background-image: linear-gradient(to bottom right, #3282b8, #bbe1fa);
    padding-top: 30px;
}

.contact-us-sub-container {
    width: 50%;
    margin: auto;
}

.copyright {
    text-align: center;
    position: relative;
    bottom: 9px;
}

/**********************individual headers**************************/
/*******************************portfolio page**************/
.lindy-container {
    background-color: #3282b8;
    padding-top: 65px;
    padding-bottom: 35px;
}

.lindy-sub-container {
    width: 50%;
    margin: auto;
    margin-top: 30px
}

.iframe {
    width: 100%;
}