/* ------------------------- HEADER ------------------ */
a.a-header {
    font-size: 1.2rem;
}

.align-header {
    margin: 20px auto;
}

.logo {
    width: 60%;
}
.green-log {
    width: 12%;
}

.align-head {
    height: 110px;
}
/* ---- banner ------ */

.texto h1 {
    font-size: 3rem;
    margin-top: -550px;
}

/* ---------- cuadro de mapita ----------- */
.map img {
    width: 65%;
}

.text1-map p, .cont-map p {
    font-size: 1.1rem;
}

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

.content img {
    width: 63%;
}

.square::before {
    right: 74%;
    height: 71%;
}

.content p{
    font-size: 1rem;
}

.square {
    top: -3%;
    width: 500px;
}

.text-nac p {
    font-size: 2.6rem;
}

.cont-map {
    width: 85%;
}

.map{
	width: 90%;
}

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

.three-box:hover {
    background: #FFFFFF;
    height: 270px;
}

.three-box {
    height: 270px;
}

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

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

@media only screen and (max-width: 1600px) {
	.align-us{
		height: 600px;
	}

	

    .three-box p {
        font-size: 1rem;
        line-height: 1.2;
        margin: 5px;
    }
  }


  @media only screen and (max-width: 1400px) {
  .cont-us {
    width: 95%;
    justify-content: space-around;
        }

        .three-box p {
            line-height: 1.2;
            margin: 0px;
        }

        .three-box {
            width: 23%;
        }

        .align-us {
            height: 500px;
        }



        .cont-serv {
            width: 97%;
        }

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

       

        a.write-us {
            padding: 27px 42px 14px 36px;
        }


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

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

        .content img {
            width: 53%;
        }

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

        .content p {
            font-size: .9rem !important;
        }

        .square{
            height: 130px;
            top: -3%;
            width: 430px;
        }

        /* ########## footer ############ */
        .ali-line-green {
            margin-top: -17%;
        }

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

  }

  @media only screen and (max-width: 1200px) {
    .img-div img {
        width: 20%;
    }

    .content img {
        width: 53%;
    }

    .square {
        height: 115px;
        top: -3%;
        width: 385px;
    }

    .square::before {
        right: 78%;
        height: 53%;
    }

    /* ######## footer ########### */

    .cont-dow-text {
        margin-top: 8%;
        height: 350px;
    }

    .cont-dow-text a {
        font-size: 1.2rem;
        padding: 2% 6%;
    }
    .cont-img-dow {
        margin-top: -12%;
    }
  }



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

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



/* --------------- servicios ---------------- */

.text-white p, button.btt-lrm, p.text, .contenido p {
    font-size: 1.1rem;
}

.text-white h3 {
    font-size: 1.8rem;
}

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

.two-text img {
    width: 15%;
}

.two-text {
    padding: 2%;
}

/* -------------- FOOTER --------------- */
.box-green p, .telefono, .directions {
    font-size: .9rem;
}

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

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

.align-form{
    width: 100%;
}

textarea{
    width: 97%;
}

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

.mapa, iframe {
    height: 550px;
}

.box-green h3 {
    font-size: 2.5rem;
}

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

.terav {
    width: 38%;
}

.cont-down {
    justify-content: center;
}

.cont-dow-text {
    margin-top: 8%;
    height: 300px;
}

ali-line-green {
    padding: 1% 0;
    margin-top: -7%;
}

.ali-line-green {
    padding: 1% 0;
    margin-top: -13%;
}

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