@media only screen and (min-width: 671px) and (max-width: 992px){
    .img_container img{
        width: 80%;
    }
    .iso_container img{
        width: 6% !important;
        text-align: center ;
    }
    .iso_container{
        margin: 1rem 0rem 0 0 !important;
        height: 100px !important;
        text-align: center;
    }
    .box-green{
        height: 200px !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-blue{
        height: 200px !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-end{
        height: 270px !important;
    }
    .services_container{
        padding-top: 6% !important;
    }
    .contact-links{
        margin-bottom: 3rem !important;
    }
    .cotiza-text{
        margin-top: 3rem;
    }
    .img-blue-1{
        padding: 14% 0 !important;
    }
    .img-blue-10{
        padding: 14% 0 !important;
    }
    .img-green-1{
        padding: 14% 0 !important;
    }
    .img-blue-2{
        padding: 14% 0 !important;
    }
    .img-green-2{
        padding: 14% 0 !important;
    }
    .img-green-20{
        padding: 14% 0 !important;
    }
}
@media only screen and (min-width: 361px) and (max-width: 670px){
    .img_container img{
        width: 80%;
    }
    .iso_container img{
        width: 10% !important;
        text-align: center ;
    }
    .iso_container{
        margin: 1rem 0rem 0 0 !important;
        height: 100px !important;
        text-align: center;
    }
    .box-green{
        height: 230px !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-blue{
        height: 200px !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-end{
        height: 270px !important;
    }
    .services_container{
        padding-top: 10% !important;
    }
    .contact-links{
        margin-bottom: 3rem !important;
    }
    .cotiza-text{
        margin-top: 3rem;
    }
    .img-blue-1{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-blue-10{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-1{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-10{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-blue-2{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-2{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-20{
        padding: 18% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .slogan-container img{
        width: 100%;
    }
    .navbar-brand{
        right: -3px !important;
        top: 2px !important;
    }
    .box-form{
        padding: 2rem !important;
        margin: 0 !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 360px){
    .slogan-container img{
        width: 100%;
    }
    .img_container img{
        width: 80%;
    }
    .iso_container img{
        width: 19% !important;
        text-align: center ;
    }
    .iso_container{
        margin: 1rem 0rem 0 0 !important;
        height: 100px !important;
        text-align: center;
    }
    .box-green{
        height: 260px !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-blue{
        height: 260px !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-end{
        height: 270px !important;
    }
    .services_container{
        padding-top: 24%!important;
    }
    .contact-links{
        margin-bottom: 3rem !important;
    }
    .cotiza-text{
        margin-top: 3rem;
        margin-left: 1rem !important;
    }
    .img-blue-1{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-blue-10{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-1{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-10{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-blue-2{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-2{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .img-green-20{
        padding: 34% 0 !important;
        margin: 1rem 0rem 0 0 !important;
    }
    .box-form{
        padding: 2rem !important;
        margin: 0 !important;
    }
    .navbar-brand{
        right: -3px !important;
        top: 2px !important;
    }
}

body{
    font-family: 'Montserrat', sans-serif;
}
.bg_blue{
    background-color: #4059a0;
}
.bg_green{
    background-color: #94ba3e;
}
.bg_white{
    background-color: #ffffff;
}
.text-white{
    color: #ffffff;
}
.text-blue{
    color: #4059a0;
}
.text-green{
    color: #94ba3e !important;
}
.navbar{
    position: relative;
}
.navbar-brand{
    position: absolute;
    right: 15px;
    top: -20px;
}
.nav-box p{
    margin-bottom: 0 !important;
    font-size: small;
    padding: .2rem 1.8rem;
    color: #ffffff !important;
}
.nav-box a{
    color: #ffffff !important;
    text-decoration: none !important;
}
.contact-links a{
    color: #ffffff !important;
    text-decoration: none !important;
}
.nav-link{
    color: #4059a0 !important;
    text-transform: uppercase !important;
    font-size: .9rem !important;
    font-weight: bold;
}
.banner{
    background-image: url(../img/banner.png);
}
.line{
    background-color: #ffffff;
    height: 3px;
    width: 50px;
    margin: 0 auto;
}
h1{
    color: #ffffff !important;
    font-size: 2rem !important;
}
h3{
    color: #4059a0 !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
}
.btn-green{
    border-color: #94ba3e !important;
    color: #ffffff !important;
    border-radius: 2rem !important;
}
.btn-green:hover{
    background-color: #94ba3e;
}
.btn-blue{
    border-color: #4059a0 !important;
    background-color: #4059a0;
    color: #ffffff !important;
    border-radius: 2rem !important;
}
.btn-blue-2{
    border-color: #4059a0 !important;
    color: #ffffff !important;
    border-radius: 2rem !important;
}
.btn-blue-2:hover{
    background-color: #4059a0;
}
.box-blue{
    background-color: #4059a0;
    padding: 1rem;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.box-green{
    background-color: #94ba3e;
    padding: 1rem;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.box-end{
    background-color: #94ba3e;
    padding: 1rem;
    margin: 1rem 0 0 0;
    height: 300px;
}
.iso_container img{
    width: 100%;
}
.iso_container{
    background-color: #4059a0;
    margin: 1rem .2rem 0 0;
    height: 300px;
    overflow: hidden;
    padding: 1rem;
}
.bg_brands{
    background-image: url(../img/bg_brands.png);  
    background-size: cover;
}
.img_container img{
    width: 100%;
}
.services_container{
    padding-top: 35%;
}
.name{
    font-weight: bold;
    color: #4059a0;
    margin: 0 !important;
}
.ocupacion{
    color: #94ba3e;
    font-size: small;
}
.bg_gray{
    background-color: whitesmoke;
}
.text-yellow{
    color: rgb(255, 174, 0);
}
.img-blue-1{
    background-image: url(../img/proyectos/cover_1.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.img-blue-10{
    background-image: url(../img/funcionamiento/cover_2.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.img-blue-2{
    background-image: url(../img/proyectos/cover_3.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.img-green-1{
    background-image: url(../img/proyectos/cover_2.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.img-green-10{
    background-image: url(../img/funcionamiento/cover_1.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem .2rem 0 0;
    height: 300px;
}
.img-green-2{
    background-image: url(../img/proyectos/cover_4.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem 0rem 0 0;
    height: 300px;
}
.img-green-20{
    background-image: url(../img/funcionamiento/cover_3.png);
    background-size: cover;
    padding: 35% 0;
    margin: 1rem 0rem 0 0;
    height: 300px;
}
.box-form{
    padding: 3rem;
    box-shadow: 0px 0px 6px 0px #9e9e9e;
    border-radius: 1rem;
    margin: 3rem 3rem 0 3rem;
}
.footer-text{
    font-size: small;
    color: #ffffff;
}
.small-text{
    font-size: small;
}
.cotiza-text{
    margin-left: 3rem;
}
.alianzas-img img{
    width: 200px;
}