@media (min-width: 200px) and (max-width: 480px){
	.icon-keyboard-arrow-up{
		display: none!important;
	}
	.slider{
		display: none!important;
	}
	.contact h6{
		margin: 0 10px;
		padding: 30px 10px;
		font-size: 24px;
		text-align: center;
	}
	p{
		
    	font-size: 20px;
    	margin: 30px 20px;
    	padding: 30px 10px;
	}
	.space h3{
		background: rgb(0,74,173);
		color: white;
		font-size: 24px;
		font-family: 'LatoLatin';
		text-transform: uppercase;
		text-align: center;
		padding: 30px;
		margin: 0px auto;
		margin-bottom: 40px;
	}

    	.space h1{
		background: rgb(255,199,44,0.85);
		color: white;
		font-size: 24px;
		font-family: 'LatoLatin';
		text-transform: uppercase;
		text-align: center;
		padding: 30px;
		margin: 0px auto;
		margin-bottom: 40px;
	}


.loseta article img{
    width: 280px;
}
.loseta article{
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
}
.loseta article p{
    background: rgb(13,27,52 );
    text-align: center;
    margin: 0;
}
.miniaturas{
    display: inline-block;
    margin: 30px;
    width: 190px;
    height: 190px;
    text-align: center;
    
}
.galeria .miniaturas img{
	width:190px;
}

.t1,.t2{
	font-size: 30px;
}

	form input{
	border: none;
	width: 240px;
	font-size: 18px;
	padding: 10px;
	background: rgba(255,255,255,0.75);
	margin: 10px auto;
}
form textarea{
	border:none;
	width: 240px;
	height: 200px;
	font-size:18px;
	padding: 10px;
	background: rgba(255,255,255,0.75);
	margin: 10px auto;
}
button{
    background: rgb(238,221,156);
    border: 0;
    color: rgb(216,149,58);
    cursor: pointer;
    padding: 10px 36px;
    font-size: 28px;
    margin: 0px auto;
       
}

.form{
    max-width: 800px;
    width: 90%; 
    /* Centrado en pantallas grandes */
    margin: 60px auto; 
    padding: 55px;
}
/* --- Media Query: Ajuste para Teléfonos Móviles (ejemplo: menos de 600px) --- */
@media (max-width: 600px) {
    .form {
        /* 1. Aumentamos el ancho para usar casi toda la pantalla del móvil */
        width: 95%; 
        
        /* 2. Disminuimos el margen superior/inferior para ahorrar espacio vertical */
        /* y mantenemos el centrado (auto) */
        margin: 20px auto; 
        
        /* 3. Reducimos el padding interno para compactar el formulario */
        padding: 50px;
    }
}

/* --- Media Query: Ajuste para Pantallas muy Grandes (ejemplo: más de 1200px) --- */
@media (min-width: 1200px) {
    .form {
        /* Si quieres más margen en los lados en un monitor grande */
        /* width: 70%; */ 
        /* margin: 80px auto; */
    }
}
.datos{
	font-size:18px;
}
.form .datos, span{
	padding: 0 2px;
		color:white;
	display:inline-block;
}

.icon-phone:before {
    content: "\e600";
    color: white;
    font-size: 30px;
}

.icon-envelop:before {
    content: "\e601";
    color: white;
    font-size: 30px;
}

.icon-location:before {
    content: "\e602";
    color: white;
    font-size: 30px;
}
iframe{
	width: 230px;
	text-align: center;
}

footer a{
    text-align: center;
    text-decoration: none;
    margin: 5px auto;
}

#pie{
    color: white;
    font-size: 14px;
    text-align: center;
    font-family: 'LatoLatin';
    margin-top: 0;
}
.copy{
    color: white;
    text-align: center;
    font-family: 'LatoLatin';
    font-size: 20px;
    margin: 10px auto;
    padding: 10px 0px;
}
}

@media (min-width:  480px) and (max-width: 767px){

.slid-btns .caption h3{
  
  padding:.5em .5em;
  text-shadow:0 1px 3px rgba(0,0,0,0.4);
  font-size: 30px;

}
.slid-btns .caption .sub{

  margin: 50px 0;
  padding: 20px 5px;
  font-size: 20px;

}
.video video{
	text-align: center;
    height: 280px;
    
    width: 340px;
    
}
p{
    font-size: 20px;
    margin: 30px 10px;
    padding: 30px 10px;
	}
.space h3{
		font-size: 24px;
		font-family: 'LatoLatin';
		text-transform: uppercase;
		text-align: center;
		padding: 30px;
		margin: 0px auto;
		margin-bottom: 40px;
	}
.miniaturas{
    display: inline-block;
    margin: 30px;
    width: 290px;
    height: 200px;
    text-align: center;
    
}
.galeria .miniaturas img{
	width:290px;
}
.contact h6{
		margin: 0 10px;
		padding: 30px 10px;
		font-size: 24px;
		text-align: center;
	}

	form input{
	border: none;
	width: 390px;
	font-size: 18px;
	padding: 10px;
	background: rgba(255,255,255,0.75);
	margin: 10px auto;
}
form textarea{
	border:none;
	width: 390px;
	height: 200px;
	font-size:18px;
	padding: 10px;
	background: rgba(255,255,255,0.75);
	margin: 10px auto;
}
button{
    background: rgb(238,221,156);
    border: 0;
    color: rgb(216,149,58);
    cursor: pointer;
    padding: 10px 36px;
    font-size: 28px;
    margin: 0px auto;
       
}

.form{
	display:inline-block;
	margin: 30px 20px;
}
.datos{
	font-size: 24px;
}
.form .datos, span{
	padding: 0 2px;
		color:white;
	display:inline-block;
}

.icon-phone:before {
    content: "\e600";
    color: white;
    font-size: 40px;
}

.icon-envelop:before {
    content: "\e601";
    color: white;
    font-size: 40px;
}

.icon-location:before {
    content: "\e602";
    color: white;
    font-size: 40px;
}


footer a{
    text-align: center;
    text-decoration: none;
    margin: 5px auto;
}

#pie{
    color: white;
    font-size: 14px;
    text-align: center;
    font-family: 'LatoLatin';
    margin-top: 0;
}
.copy{
    color: white;
    text-align: center;
    font-family: 'LatoLatin';
    font-size: 20px;
    margin: 10px auto;
    padding: 10px 0px;
}
}
@media (min-width:  768px) and (max-width: 1145px){
	.slid-btns .caption h3{
  
  padding:.5em .5em;
  text-shadow:0 1px 3px rgba(0,0,0,0.4);
  font-size: 38px;

}
.slid-btns .caption .sub{

  margin: 50px 0;
  padding: 20px 5px;
  font-size: 25px;

}
	.contact h6{
		margin: 0 40px;
		padding: 30px 10px;
		font-size: 34px;
		text-align: center;
	}
}
@media (min-width:  1200px) and (max-width: 1300px){
	.form {
  display: inline-block;
  margin: 30px 60px;
}
}