@media screen and (max-width:1920px){
	.banner {height:850px}
	.banner .slide-text{ padding-top: 550px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:230px; }
	section#inicio{background-size: cover;}
}

@media screen and (max-width:1369px){
	.banner {height:550px}
	.banner .slide-text{ padding-top: 350px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:180px; }
	#contactoimg, #contactoform{ background-size: contain; }
	#form-box{ margin-right: 150px; }
	section#contacto, #contactoform, #contactoimg{ height: 600px;}
	

}
@media screen and (max-width:1200px){
	#top{width:100%;}
	h1{ font-size:30pt; }
	h2{ font-size:20pt; line-height: 25pt; }
	.content{width: 95%;}
	.banner {height:500px; }
	.banner .slide-text{ padding-top: 300px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:150px; }
	.icons{ width:28.4%; height: auto;}
	section#contacto, #contactoform, #contactoimg{ height: 500px;}
	#form-box{ margin-right: 100px; }
	section#quienessomos p{ width: 350px;}
	section#quienessomos h2, section#quienessomos p, section#quienessomos a{ margin-left:160px;}

	
}

@media screen and (max-width:1024px){
	#wrapper{margin-top:65px;}
	#logo{ width:150px; height:auto; padding:5px;}
	#top, header{ height:65px;}
	h1{ font-size:25pt; line-height: 30pt; }
	h2{ font-size:18pt; line-height: 22pt; }
	.banner{height:450px; }
	.banner .slide-text{ padding-top: 250px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:120px; }
	.icons{ width:27.6%; height: auto;}
	section#quienessomos p, section#quienessomos h2{ width: 320px;}
	section#inicio{ height: 300px; background-size: cover}
	#form-box{ margin-right: 50px; }	
	.iniciotext{width:80%;margin:0 auto;}

}

@media screen and (max-width:768px){
	
	.banner {height:350px; }
	h1{ font-size:22pt; line-height: 22pt; }
	h2{ font-size:22pt; line-height: 28pt; }
	h3 { font-size:15pt; line-height: 18pt; }
	p{ font-size: 14pt; line-height: 22pt;}
	.banner .slide-text{ padding-top: 200px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:80px; }
	.banner .slide-text2 { padding-left: 35px;}
	.banner .slide-text3 { padding-right: 35px;}
	.texto50izq, .texto50der {  width:95%; float:none; display:block; margin: 0 auto; padding-top:40px;  }
	.icons{margin: 0 auto; display:block; width:70%; height: auto; float: none;}
	.icons h3{font-size:22pt;}
	.icons p { font-size: 14pt;}
	
	.texto50der#direccion, .texto50der#direccion p{ text-align:center;}
	.texto50der#direccion h3{font-size: 20pt;}
	.introtext{ width: 85%; padding: 20px;}
	.introtext p{font-size: 18pt; line-height: 25pt;}
	
	section#inicio{ height: 350px; background-size: contain;}
	
	section#quienessomos {
	height: 1100px;}

	section#quienessomos #somostext{ 
	width: 100%;
	height: 400px;
	}
	
	section#quienessomos #somosimg{
 	width:  100%;
	height: 550px;
	}
	
	section#quienessomos h2{
	text-align: center;
	width: 90%;
	margin: 200px auto 20px;}
	
	section#quienessomos p{
	text-align: center;
	width: 80%;
	margin: 0 auto;
	}
	
	section#quienessomos a{ margin: 20px auto 0;}
	
	a.botonlink{
	margin: 10px auto 0;
	}
	
	section#contacto{ height: 1200px;}
	#contactoimg{ width: 100%; background-size:cover; }
	#contactoimg{ height: 550px;}
	#contactoform { width: 100%; background-position: center bottom;  background-size:cover; }
	
	#form-box{ width: 90%; margin: 0 auto; float: none;}
	input[type=text], textarea, select#servicios { width: 98%; font-size: 14pt; padding: 10px; margin-bottom: 15px;}
	.footercontent ul li{ margin:0 6px 10px}	
	
}

@media screen and (max-width:460px){
	.banner {height:220px; }
	.banner .slide-text{ padding-top: 100px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:50px; }
	.banner .slide-text2 { padding-left: 20px;}
	.banner .slide-text3 { padding-right: 20px;}
	.banner .slide-text h1, .banner .slide-text2 h1, .banner .slide-text3 h1{ font-size: 14pt ; line-height: 16pt;}
	
	#logo{ width:120px; height:auto;}
	#top, header{ height:50px;}
	#wrapper{margin-top:50px;}
	
	section#inicio{ height: 450px;}
	section#quienessomos{ height: 1000px;}
	section#quienessomos #somosimg{ height: 350px;}
	section#quienessomos #somostext { background-position: center;}
	
	.icons h3{font-size:16pt;}
	
	
	h1 {font-size:18pt;}
	h2 {font-size:18pt;}
	
	footer{ height:450px;}
	
	#footerlinks #logofooter{ display: block;}
	.footercontent,	.footercontent#links  { text-align:center; list-style:none;}
	.footercontent ul li{ display:block; }
	.footercontent ul{ list-style: none; padding-left:0px; line-height:15pt;}
	section#contacto{ height: 1100px;}
	#contactoimg{ height: 330px; }
	#contactoform{ height: 700px; background-size: contain; }
	input[type=text], textarea, select#servicios { width: 96%;}

}


@media screen and (max-width:380px){
	.banner {height:180px; }
	.banner .slide-text h1, .banner .slide-text2 h1, .banner .slide-text3 h1{ font-size: 12pt ; line-height: 14pt;}
	.banner .slide-text{ padding-top: 85px; }
	.banner .slide-text2, .banner .slide-text3 { padding-top:40px; }
	.banner .slide-text2 { padding-left: 10px;}
	.banner .slide-text3 { padding-right: 10px;}
	section#quienessomos{ height: 800px;}
	section#quienessomos #somosimg{ height: 275px;}
	section#quienessomos h2{ margin-top: 120px;}
	section#inicio{ height: 550px;}
	#contactoimg{ height: 275px;}
}