@charset "UTF-8";
.icon_pencil {
    width: 80%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.cicles {
    max-width: 200px;
    margin-left: 10%;
}
.class_back {
    background-image: url(../img/nosotros/classroom.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
.book_box {
    float: left;
    width: 70px;
    height: 70px;
    background-color: #02186D;
    border-radius: 35px;
    text-align: center;
    line-height: 70px;
    margin-left: -83px;
    margin-top: -4px;
}
.book_icon {
    width: 63%;
}
.general_text_directory {
    font-family: 'Syne', sans-serif;
    font-size: 20px;
    line-height: 24px;
}
.mail_directory {
    color: #0093FF;
}
.mail_directory:hover {
    color: #FF385E;
    text-decoration: none;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.wave_directory {
    background-image: url(../img/nosotros/wave_directory.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 17% auto;
}
.wave_directory_contact {
    background-image: url(../img/nosotros/wave_directory.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 17% auto;
}
.hat_back {
    background-image: url(../img/nosotros/hat.svg);
    background-position: 95% center;
    background-size: 15% auto;
    background-repeat: no-repeat;
}
.school_key .text-white {
    font-family: 'Syne', sans-serif;
    font-size: 19px;
    line-height: 24px;
    display: inline-block;
    width: 120px
}
.school_key .text-blue{
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    width: 120px;
    font-family: 'Varela Round', sans-serif;
    
}
.bean {
    top: -135px;
}
.wave-2 {
    padding-bottom: 25%;
}
.mision_box {
    padding-top: 9%;
    padding-bottom: 8%;
}
.wave_programas {
    padding-bottom: 43%;
}
.wave_small {
    background-image: url(../img/programas/wave_small.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
}
.logo_programs {
    padding-bottom: 50%;
    background-image: url(../img/programas/logo_amco.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 90% auto;
}

@media screen and (max-width:992px){
.sep_logo {
    width: 80%;
    max-width: 250px;
    display: block;
}
.hat_back {
    background-image: url(../img/nosotros/hat.svg);
    background-position: 95% 90%;
    background-size: 27% auto;
    background-repeat: no-repeat;
}    
}

@media screen and (max-width:768px){
.class_back {
    padding-top: 41%;
}
}

@media screen and (max-width:576px){
.book_box {
    float: left;
    margin-left: -59px;
    margin-right: 11px;
    margin-bottom: 34px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-top: 5px;
}
.fix_icon {
    padding-left: 55px;
}
}