/*About Styles starts*/
#about {
    margin-top: 8vh;
    margin-left: 0;
    background: #e4e4e4;
}


.about--wrap {
    margin: 3vw 5vw 2vw 2vw;
    padding-bottom: 6vh;
    width: 70%;
}


#about .content {
    margin-top: 3vh;
    margin-bottom: 2vh;
}


#about .title{
    font-family: "Arimo Bold";
    color: #323232;
}

.about--wrap .pageTitle{
    font-family: "Arimo Regural";
    font-size: 32px;
    color: #323232;
}

.about--wrap .text {
    font-family: "Arimo Regural";
    font-size: 16px;
    line-height: 25px;
    color: #323232;
}

/*About Styles ends*/

/*MEDIA QUERIES*/

@media (max-width: 1400px) {
    #about {
        margin-top: 10vh;
    }
}
@media (max-width: 1280px) {
    #about {
        margin-top: 6vw;
    }

    .about--wrap {
        width: 90%;
    }
}
@media (max-width: 1024px) {
    #about {
        margin-top: 8vw;
    }
}
@media (max-width: 815px) {}
@media (max-width: 668px) {}
@media (max-width: 605px) {}
@media (max-width: 480px) {
    #about {
        margin-top: 30vw;
    }

    .about--wrap {
        margin: 8vw 5vw 2vw 2vw;
    }


    .about--wrap .pageTitle {
        font-size: 23px;
    }

    #about .title {
        font-size: 19px;
    }

    .about--wrap .text {
        font-size: 14px;
        line-height: 23px;
    }
}