/* hero image */
.hero-image{
    background-color: #f8f8f9;
    background-image: url("../../img/about-us-background.jpg");
    background-repeat: repeat-x;
    background-size: 2600px 600px;
    height: 600px;
}

.hero-header {
    font-size: 76px;
}

.hero-sub-header{
    margin-bottom: 0px;
}

.feature-icon-block{
    margin-top: 30px;
    margin-bottom: 30px;
    width: 25%;
    height: 256px;
    background-color: #56a2d9;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.feature-text-block {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
    width: 72%;
    height: 256px;
    background-color: #94c6ec;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.feature-background-on-v2 {
    background-color: #f8f8f9;
    padding-top: 40px;
    padding-bottom: 60px;
}

.feature-background-on {
    background-color: #f8f8f9;
    padding-top: 60px;
    padding-bottom: 60px;
}

.feature-background-off {
    background-color: white;
    padding-top: 40px;
    padding-bottom: 60px;
}

.feature-background {
    background-color: white;
    margin-top: -50px;
    padding-bottom: 60px;
}

.hero-sub-header-quote
{
    font-size: 34px;
    font-weight: 300;
    line-height: 1.1;
}

.feature-text-timeline-date{
    font-size: 28px;
    margin-left: 30px;
}

.feature-text-timeline-text{
    font-size: 18px;
    margin-left: 30px;
}



.about-img-2{
    height: 211px;
    width: 540px;
    margin-top:-251px;
    margin-left: 50%;
}

.about-employ-img{
    width: 600px;
    margin-bottom: -70px;
    margin-left: 45%;
}

.text-purple{
    color: #9C1C64;
}

.text-gold{
    color: #BA8B0E;
}

.text-blue{
    color: #44a7f0;
}

#parent-heading{
    margin-top: 0px;
    font-size: 58px
}

.feature-heading{
    text-align: left;
}

@media screen and (max-width: 1400px) {

    .about-img-2{
        height: 211px;
        width: 540px;
        margin-top:-251px;
        margin-left: 600px;
    }

}

@media screen and (max-width: 1200px) {

    .feature-icon-block{
        display: none;
    }

    .feature-text-block{
        display: none;
    }

    .feature-text{
        text-align: left;
    }

    .about-img-2{
        height: 211px;
        width: 540px;
        margin-top:-251px;
        margin-left: 250px;
        overflow: hidden;
    }

}

@media screen and (max-width: 1199px) {

    .about-employ-img{
        margin-left: 40%;
    }

    .hero-header {
        font-size: 64px;
    }
}

@media screen and (max-width: 1053px) {

    .about-employ-img{
        margin-left: 30%;
    }

}

@media screen and (max-width: 991px) {

    #time-line-adj{
        width: auto;

    }

    .about-employ-img{
        margin-left: 20%;
    }

    .about-employ-img {
        width: 500px;
        margin-bottom: -30px;
        text-align: center;
        margin-left: 0%;
    }

}

@media screen and (max-width: 835px) {

    .about-employ-img{
        width: 500px;
    }

}

@media screen and (max-width: 890px) {

    .about-img-2{
        height: 211px;
        width: 540px;
        margin-top:-251px;
        margin-left: 100px;
        overflow: hidden;
    }
}


@media screen and (max-width: 700px) {

    .about-employ-img{
        width: 500px;
        margin-bottom: -30px;
        text-align: center;
        margin-left: 0%;
    }

}

@media screen and (max-width: 677px) {

    .about-img-2{
        height: 211px;
        width: 540px;
        margin-top:-251px;
        margin-left: 25px;
        overflow: hidden;
    }
}

@media screen and (max-width: 620px) {

    .hero-header{
        font-size: 62px;
    }

}

@media screen and (max-width: 600px) {

    .about-img-2{
        height: 156px;
        width: 400px;
        margin-top:-196px;
        margin-left: 0px;
        overflow: hidden;
    }

    .hero-header{
        font-size: 62px;
    }
}

@media screen and (max-width: 600px) {

    .about-employ-img{
        width: 100%;
        margin-bottom: -10px;
    }
}


@media screen and (max-width: 500px) {

    .hero-header{
        font-size: 58px;
    }

    .timeline-title{
        font-size: 30px;
    }

    #parent-heading{
        font-size: 54px;
    }
}

@media screen and (max-width: 460px) {

    .hero-header{
        font-size: 50px;
    }
}


@media screen and (max-width: 440px) {

    .about-img-2{
        height: 117px;
        width: 300px;
        margin-top:-157px;
        margin-left: 0px;
        overflow: hidden;
    }
}

@media screen and (max-width: 429px) {

    .hero-header{
        font-size: 50px;
    }
}

@media screen and (max-width: 350px) {

    .hero-header{
        font-size: 42px;
    }
}

@media screen and (max-width: 340px) {

    .about-img-2{
        height: 98px;
        width: 250px;
        margin-top:-138px;
        margin-left: 0px;
        overflow: hidden;
    }

    .hero-sub-header-quote{
        font-size: 28px;
    }

    .hero-header {
        font-size: 42px;
    }
}