@charset "UTF-8";
/* CSS Document */

.story {
    /* background: url(../images/bg-marble-1.jpg) no-repeat center; */
    background-size: cover;
    padding-top: 100px;
}
.story h1, .story h4 {
    margin: 5px;
    max-width: 600px;
}
.story .csColumn {
    text-align: left !important;
}
.approach {
    height: 100vh;
    background: no-repeat;
    background-size: cover;
    display: flex;
}
.approach .border {
    align-self: flex-end;
    background: #fff;
    padding: 3em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    position: relative;
    z-index: 9;
}
.approach h2, .approach h4 {
    margin: 0 5px;
}
.team {
    background: url(../images/bg-marble-1.jpg) no-repeat center;
    background-size: cover;
}
.team .container {
    position: relative;
}
.team .border{
    background: #fff;
    padding: 3em 250px 3em 3em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 70%;
    position: relative;
    z-index: 8;
}
.team .thumb {
    position: absolute;
    top: 100px;
    right: 0;
    width: 500px;
    height: 400px;
    z-index: 9;
    background: no-repeat center;
    background-size: cover;
}
.cta {
    height: 100vh;
    background: no-repeat center;
    background-size: cover !important;
    display: flex;
}
.cta .container {
    align-self: flex-end;
    color: #fff;
    max-width: 500px;
    margin: 0 0 10vh 0;
}
.cta h1 {
    margin: 0 0 20px 0;
}
.page-template-page-about .footer {
    margin-top: 0;
}
@media all and (max-width:1024px) {
    .approach {
        background-position: bottom;
    }
    .approach .border {
        width: 90%;
    }
    .team .thumb {
        right: -200px;
    }
}
@media all and (max-width:960px) {
    .approach .border {
        width: 100%;
    }
    .team .border {
        width: 100%;
        padding: 4em 3em;
    }
    .team .thumb {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
    }
}
@media all and (max-width:640px) {
    .approach .border {
        padding: 3em 6%;
    }
    .team {
        margin-top: -25px;
    }
    .team .border {
        padding: 3em 6%;
    }
    .cta .border {
        padding: 3em 6%;
    }
}