@media(max-width:1200px) {
    .txt-principal{
        font-size: 50px;}
    .detalle-principal{
        padding: 20px 0px;
        font-size: 24px;}
    .titu-modelo{
        font-size: 24px;}
    .txt-modelo{
        font-size: 14px;}
    .conte-plan{
        padding: 0% 8% 3%;
        font-size: 14px;
        line-height: 19px;}
    .contenidomodelos{
        padding: 10% 2%;}
    .titu-quehacemos{ 
        padding-top: 0px;}
    .conte-txt-nuestrotrabajo{
        width: 100%;
        padding-left: 5%;}
    .img-nuestrotrabajo{
        width: 40%;
        margin-top:100px;}
    .txt-contacto{
        font-size: 28px;}
    .txt-contacto2{
        font-size: 18px;}
}

@media(max-width: 1000px) {
	#btn-menu2{
        float: right;
        display: block;
        margin: 20px;
        width: 50px;
        height: 50px;}
	.menu{
		width: 40%;
        margin: 80px -700px 0px 0px;
        height: auto;
        background: rgba(255, 255, 255, 0.87);
		float: right;}
	.menu li{
		width: 100%;}
	.botones, .btndif{
        width: 95%;
        margin:0px 2.5%;
        float: left;
        border-radius: 0px;
        font-weight: 400;
        background: #00000000;
        font-size: 18px;
        border-bottom: 1px solid #383838;
        padding: 2%;}    
    #btn-menu:checked ~ .menu{
        margin: 80px -200px 0px 0px;}
    #btn-menu:checked ~ label .apagar{
        display: none;}
    #btn-menu:checked ~ label .linea1{
        transform: rotate(45deg);
        margin-top: 20px;
        float: left;}
    #btn-menu:checked ~ label .linea2{
        transform: rotate(-45deg);
        float: left;
        margin-top: -3px;}
    .inicio-frases{
        padding: 25% 5% 35%;}
    .video{
        width: 120%;}
    .titu-comunidad{
        font-size: 30px;}
    .titu-presu{
        font-size: 50px;}
    .txt-presu{
        font-size: 14px;}
    .btn-presu{
        padding: 1%;}
    button.accordion {
        font-size: 20px;}
    button.accordion:after {
        margin-top: 0px;}
    .contenido-acordeon{
        font-size: 12px;
        line-height: 18px;}
    .contenido-acordeon strong{
        font-size: 14px;}

    .texto-quehacemos{
        width:100%;
        padding: 2% 5%;}
    .img-quehacemos{
        display: none;}
    .img-quehacemosresponsive{
        display: block;
        width: 100%;
        float: left;}
    .img-quearespon{
        width: 100%;
        float: left;}
    .right{
        text-align: left;}
    .img-nuestrotrabajo-respon{
        display: block;
        width: 100%;
        float: left;}
    .image-nuestrotrabajo-respon{
        width: 100%;}
    .img-nuestrotrabajo{
        display: none;}
    .txt-nuestrotrabajo{
        text-align: left;
        padding: 0%;
        line-height: 22px;}
    .conte-txt-nuestrotrabajo{
        padding: 0% 5%;}
    .titu1-nuestrotrabajo{
        font-size: 30px;
        text-align: center;
        padding-right: 0px;}
    .titu2-nuestrotrabajo{
        font-size: 50px;
        text-align: center;
        padding-right: 0px;
        margin-bottom: 20px;}
    .cuadrado{
        width: 48%;
        height: 350px;
        margin:1%;}
}

@media (max-width:800px){
    .txt-principal{
        font-size: 40px;}
    .item-modelo{
        width: 50%;
        margin: 5% 25%;} 
    .comunidad{
        padding:20% 2%;}
    .titu-comunidad{
        font-size: 20px;}
    .txt-comunidad{
        width: 50%;
        float: left;}
    .btn-comunidad{
        font-size: 16px;}
    .video{
        display: none;}
    .videomodelos{
        display: block;}
    .inicio{
        width: 100%;
        height: auto;
        float: left;
        background-image: url(../img/poster-video.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 180%;
        background-attachment: fixed;}
    .conte-txt-contacto{
        width: 80%;
        margin: 5% 10% 0%;}
    .form-contacto{
        width: 80%;
        margin: 2% 10%;}
    .txt-contacto3{
        text-align: left;}
    .titu-header-blog{
        padding: 15% 0% 5%;
        font-size: 30px;}
    .conte-nove{
        width: 48%;
        margin: 1%;}
    .titu-blog{
        padding: 20% 5% 5%;
        font-size: 30px;}
    .txt-blog{
        width: 90%;
        margin: 5%;
        font-size: 14px;
        line-height: 18px;}
    .btn-volver-blog{
        width: 50%;
        padding: 2%;
        margin: 5% 25%;}
    .conte-quehacemos{
        margin-top: 20px;}
    .titu-quehacemos{
        padding-top: 40px;}
}
@media (max-width:600px){
    header{
        height: 60px;}
    .header-logo{
        height: 30px;
        margin: 18px 0px 0px;}
    .nav-insta{
        height: 30px;
        margin: 15px;}
	#btn-menu2{
        margin: 10px;
        width: 40px;
        height: 40px;}
    .menu{
        margin-top: 60px;
        width: 70%;}
    #btn-menu:checked ~ .menu{
        margin: 60px -200px 0px 0px;}

    .txt-principal{
        font-size: 35px;}
    .detalle-principal{
        padding: 20px 0px;
        font-size: 18px;}
    .inicio-frases{
        padding: 35% 5% 45%;}
    .items{
        padding: 25% 5%;}
    .video{
        width: 130%;}
    .item-modelo{
        width: 70%;
        margin: 5% 15%;}
    .titu-comunidad{
        width: 100%;
        font-size: 30px;}
    .txt-comunidad{
        width: 70%;
        margin-top: 10px;
        font-size: 14px;
        float: left;}
    .btn-comunidad{
        width: 30%;
        font-size: 16px;}

    .section-preguntas{
        padding: 5%;}
    .titu-presu{
        margin-top:30px;
        margin-bottom: 10px;
        font-size: 30px;}
    .txt-presu{
        font-size: 12px;}
    .btn-presu{
        width: 50%;
        padding: 2%;
        margin: 4% 25%;}
    button.accordion {
        font-size: 12px;}
    button.accordion:after {
        font-size: 12px;}
    footer{
        padding: 15% 0% 2%;
        letter-spacing: 2px;
        font-size: 8px;}
    .legal{ 
        letter-spacing: 0px;
        font-size: 8px;}
    .cuadrado{
        height: 200px;}
    .textocuadrado{
        height: 200px;
        margin-top: 150px;}
    .titulotrabajo{
        padding: 10px 25px;
        font-size: 15px;
        line-height: 30px;}
    .img-nuestrotrabajo-respon{
        margin-top: 20px;}
    .btn-cont-wapp{
        width: 90%;}
    .form-contacto button{
        float: left;}
    .conte-img-modelo{
        width: 30%;
        margin: 3% 2%;
        float: left;}
    .conte-conte-plan{
        width: 100%;
        padding: 4%;
        font-size: 12px;
        line-height: 18px;}
    .conte-botones{
        width: 100%;}
    .conte-img-modelo{
        display: none;
    }
}



@media (max-width:500px){
    .video{
        width: 140%;}
    .item{
        width: 31%;
        margin: 1%;}
    .item-modelo{
        width: 80%;
        margin: 5% 10%;}        
    .titu-comunidad{
        font-size: 22px;}
    .txt-comunidad{
        font-size: 12px;}
    .btn-comunidad{
        font-size: 12px;}
    .inicio-frases{
        padding: 35% 5% 55%;}
    .textocuadrado{
        margin-top: 160px;}
    
    .conte-txt-contacto{
        width: 90%;
        margin: 5% 5% 0%;}
    .form-contacto{
        width: 90%;
        margin: 2% 5%;}
    .txt-contacto{
        font-size: 24px;
        font-weight: 300;}
    .txt-contacto2{
        font-size: 12px;}
    .conte-nove{
        width: 90%;
        margin: 2% 5%;}
    
    .titu-quehacemos{
        font-size: 30px;}
}