/* - - - - - - - - - - - - - - - 
CSS para pantallas medianas (Tablets)
Ultima modificación por:
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* ----------------- HEADER --------------- */
.menu-header {
    width: 72%;
}

a.a-header {
    font-size: 1rem;
}

.logo {
    width: 85%;
    padding: 25px 12px;
}

.green-log {
    margin-bottom: -12%;
}

.align-head {
    height: 80px;
}

/* ------------- banner -------------- */

.banner {
    width: 100%;
    height: 370px;
}

.texto h1 {
    font-size: 2.5rem;
    margin-top: -319px;
}

/* ----------- nosotros ---------- */

.align-us { 
    background-position: top;
    height: 460px;
}

.three-box {
    width: 29%;
    padding: 3% 1%;
}

.three-box h3 {
    font-size: 1.35rem;
}

.ic1, .ic2, .ic3 {
    margin-top: -320px;
}

.cont-litle img {
    width: 12%;
}


h1.us-tit, .cont-serv h1 {
    font-size: 1.7rem; 
}

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

    .two-text {
        padding: 2%;
        width: 32%;
    }

    .three-box p, .text-white p, button.btt-lrm, p.text, .text1-map p, .cont-map p, .contenido p, .write-us {
        font-size: .9rem !important;
    }

    

    a.write-us {
        padding: 35px 42px 24px 36px;
        line-height: 1;
    }

    /* ------------- mapa ------------- */

    .text-nac p {
        font-size: 2rem !important;
    }

    /* .text-nac p {
        font-size: 1.7rem !important;
    } */

    map p, .cont-map p, .write-us {
        line-height: 1.5;
    }

    .square {
        height: 180px;
        top: -13%;
        width: 350px;
    }

    .square::before {
        right: 79%;
        height: 59%;
        width: 220px;
    }
    

    .img-div img {
        width: 24%;
    }

    .content img {
        width: 55%;
    }

}

/* ------ pop up ------- */
.contenido {
    width: 90%;
}

.contenido h2 {
    font-size: 2rem;
}


/* ----------------- FOOTER ----------------- */

.cont-dow-text h3 {
    font-size: 1.9rem;
}

textarea {
    width: 95%;
}

footer {
    height: 90px;
}

div#content {
    margin-bottom: 30px;
}


/* .box-green {
    width: 75%;
} */

/* .mapa, iframe {
    height: 480px;
} */



.red-sec img {
    width: 32px;
    margin: 0 4px;
}

/* .col-cont {
    margin-top: -20px;
} */

form {
    width: 90%;
}

.name, .mail {
    width: 43%;
}

.button {
    width: 100%;
}

input::placeholder, textarea::placeholder, .button button {
    font-size: .9rem;
    
}

.button button {
    padding: 12px 50px 7px;
}

@media only screen and (max-width: 850px) {
    .directorio {
        width: 6%;
    }


    .col-cont {
        height: 50px;
        /* margin-top: -31px; */
    }

    .ali-line-green img {
        width: 78%;
    }

    .ali-line-green {
        padding: 1% 3%;
        margin-top: -20%;
    }
}

@media only screen and (max-width: 750px) {
    .map {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .img-div {
        margin: 7% 0;
    }

    .map img {
        width: 85%;
    }

    .img-div img {
        width: 26%;
    }

    .content img {
        width: 55%;
    }

    .noHov{
        visibility: visible;
        height: 100%;
    }

    /* ------------ footer ------------- */
    .cont-dow-text hr br{
        display: none;
    }

    .ali-line-green {
        padding: 3% 0;
        margin-top: -26%;
        width: 85%;
    }

    .cont-dow-text h3 {
        font-size: 1.7rem;
    }
}

.align-foot a {
    font-size: .8rem;
}

.directorio {
    width: 11%;
}

.upgrade {
    width: 41%;
}
.align-foot {
    width: 90%;
}

.terav {
    width: 42%;
}