/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
    
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
    
}

@media (min-width: 1400px){
    #start {
        height: 750px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container-cotiza {
        padding: 2% 2%;
        width: 20%;
    }
    .container-cotiza img{
        width: 85%;
    }
    .container-logo {
        padding: 0% 2%;
    }
    .nav-item{
        text-align: center;
    }
    #servicios p {
        font-size: 1rem;
    }
    #servicios .serviciosad p{
        font-size: 0.9rem;
    }
    #servicios .containerservices {
        padding-top: 2%;
    }
    /*Unidades Recursos*/
    .unidades .containerunid ul {
        font-size: 1.3rem;
    }
    .containerabout p, .unidades .containerunidright ul, .unidades p {
        font-size: 1rem;
    }
    /*-----------------CONTRATANOS-----------------*/
    .contratanos img{
        width: 40%;
        padding-bottom: 10%;
    }
    .contratanos p strong{
        font-size:0.8rem;
    }
    .contratanos .col-12{
        padding: 1%;
    }
    .contratanos p {
    font-size: 0.8rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: var(--colortextwhite);
        top: 50%; 
    }
    
    .container-cotiza {
        width: 100%;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
    }
    .container-logo{
        width: 40%;
    }
    #start {
        height: fit-content;
        background-size: cover;
    }
    #start h1 {
        font-size: 3rem;
    }
    #servicios {
        padding: 0% 5%;
    }
    #servicios p {
        font-size: 1rem;
        width: 100%;
        margin-top: 0%;
    }
    #servicios .containerservices {
        padding: 0% 2%;
    }
    footer a, footer p {
        text-decoration: none;
        color: white;
        font-weight: 900;
        font-size: 1rem;
    }
    .containerabout{
        padding-right: 0% !important;
        padding-top: 0% !important;
        padding-bottom: 5% !important;
    }
    #servicios .containerservices h2{
        font-size: 2.2rem !important;
    }
    #servicios .containerservices h3{
        font-size: 1.5rem !important;
    }
    #servicios .serviciosad p{
        font-size: 0.7rem;
    }
    /*Unidades Recursos*/
    .unidades h2 {
        color: var(--firstcolor);
        font-size: 2.2rem !important;
    }
    .unidades .containerunid ul{
        font-size: 0.9rem;
    }
    .containerabout p, .unidades p {
        font-size: 1rem;
    }
    .unidades .containerunidright ul,.unidades p {
        font-size: 0.8rem;
    }
    .unidades .text-container {
        padding: 4% 4%;
    }
    .unidades .containerunid.text-container {
        padding-left: 5%;
        padding-right: 4%;
    }
    .unid-log {
        width: 30%;
    }
    .carousel-inner {
        height: 221px;
        display: flex;
        align-items: center;
    }
    /*-----------------CONTRATANOS-----------------*/
    .contratanos img{
        width: 40%;
        padding-bottom: 10%;
    }
    .contratanos p strong, .contratanos p{
        font-size:0.9rem;
    }
    .contratanos .col-12{
        padding: 2%;
    }
    
}

@media (min-width: 576px) and (max-width: 767px) { 
    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: var(--colortextwhite);
        top: 50%; 
    }

    .container-cotiza {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
    }
    #start {
        height: 300px;
        background-size: cover;
        padding: 4% 5%;
    }
    #start h1 {
        color: white;
        font-size: 2.2rem;
    }
    #quienes-somos .containerabout img {
        padding-top: 20%;
    }
    #servicios {
        padding: 0% 0%;
    }
    .containerabout {
        padding-right: 0% !important;
        padding-top: 0% !important;
    }
    #servicios .serviciosad p{
        font-size: 0.8rem;
    }   
    #servicios p {
        font-size: 1rem;
    }
     /*Unidades Recursos*/
    .unidades h2 {
        color: var(--firstcolor);
        font-size: 2.2rem !important;
    }
    .unidades .containerunid ul{
        font-size: 0.9rem;
    }
    .containerabout p,.unidades p {
        font-size: 1rem;
    }
    .unidades .containerunidright ul, .unidades p {
        font-size: 0.8rem;
    }
    .unidades .text-container, .unidades .containerunid.text-container {
        padding: 10% 10%;
    }
    .unid-log {
        width: 30%;
    }
    .carousel-inner {
        height: 273px;
        display: flex;
        align-items: center;
    }
    .clientes img {
        width: auto;
        height: 100%;
    }
    .carousel-item{
        text-align: center;
    }
    /*-----------------CONTRATANOS-----------------*/
    .contratanos{
        padding: 10% 10%;
    }
    .contratanos img{
        width: 30%;
        padding-bottom: 5%;
    }
    .contratanos p strong, .contratanos p{
        font-size:1.4rem;
    }
    .contratanos .col-12{
        padding: 13% 15%;
    }
    footer .logo{
        margin: 10% 0%;
    }
}
@media (max-width: 575px) {
    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: var(--colortextwhite);
        top: 50%; 
    }
    .container-cotiza {
        width: 100%;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
    }
    #start {
        height: 380px;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 6.5% 5.5%;
        background-position-x: right;
    }
    #start h1 {
        font-size: 2rem;
    }
    .containerabout {
        padding-right: 0% !important;
        padding-top: 0% !important;
    }
    #quienes-somos .containerabout img {
        width: 30%;
        padding-top: 11%;
    }
    #quienes-somos h2 {
        text-align: center;
    }
    /*.containerabout p, .unidades ul,.unidades p {
        text-align: center;
    }*/
    #servicios {
        padding: 0% 0%;
    }
    #servicios .containerservices {
        text-align: center;
        padding: 15% 6%;
    }
    .containerservices .col-12{
        padding-top: 5%;
    }
    .cont-about .col-12{
        text-align: center;
        padding-top: 10%;
    }
     /*Unidades Recursos*/
    .unidades h2 {
        color: var(--firstcolor);
        font-size: 2.2rem !important;
    }
    .unidades .containerunid ul{
        font-size: 1.2rem;
    }
    .containerabout p, .unidades p {
        font-size: 1.2rem;
    }
    .unidades .containerunidright ul, .unidades p {
        font-size: 1.2rem;
    }
    .unidades .text-container, .unidades .containerunid.text-container {
        padding: 10% 10%;
    }
    .unid-log {
        width: 30%;
    }
    .clientes h2 {
        font-size: 2.5rem !important;
    }
    .clientes .cont-text {
        padding-bottom: 10%;
    }
    .carousel-inner {
        height: 273px;
        display: flex;
        align-items: center;
    }
    .clientes img {
        width: 80%;
    }
    .carousel-item{
        text-align: center;
    }
    /*-----------------CONTRATANOS-----------------*/
    .contratanos{
        padding: 20% 10%;
    }
    .contratanos h2{
        font-size:2.3rem!important;
    }

    .contratanos img{
        width: 30%;
        padding-bottom: 5%;
    }
    .contratanos p strong, .contratanos p{
        font-size:1rem;
    }
    .contratanos .col-12{
        padding: 13% 15%;
    }
    #contacto h2 {
        font-size:2.3rem!important;
        text-align: center;
    }   
    footer a, footer p {
        font-size: 1rem;
    }
    footer .logo {
        margin: 6% 0%;
    }
    footer {
        padding: 5% 10%;
    }
}