* {
	box-sizing: border-box;
}

body {
	background-color: white;
}

.group__reservas {/*titulo  PALACIO LUNA | RESERVAS*/
	text-align: center;
	font-size: 2.1em;
	font-family: 'Lobster', cursive;
	font-weight: 100;
	background-color: lightgreen;   /*rgba(6,6,6,.4);*/
	color: black;
	margin-top: .4cm;
}

form {
	width: 300px; /*tamaño modulo*/
	margin: auto; /*para que centre*/
	margin-left: .5cm;
	background-color: lightgreen; 
	/*background: rgba(0,0,0,0.8);*/
	padding: 10px 20px; /*del modulo*/
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 7px; 
}

h2{
	width: 400px;
	color: #fff;
	text-align: center;
	/*background-color: red;*/ 
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 15px; 
}

input{
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;
	font-size: 17px;
	border: none;
}

form .mapa {
	width: 150px; height: 100px;
}

.hola {
	width: 30%;
}

 .numero {
	width: 35%;
	font-size: 15px;
}

.opciones {
	height: 35px;
	margin-bottom: .5cm; 
	font-size: 15px;
}


.boton{
	margin-top: .5cm;
	background: #31384A;
	color: #fff;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0 8px 10px -3px rgba(0,0,0,.8);
	font-weight: bold;
}

#boton:hover{
	cursor: pointer;
}

/*todo logo Wasap*/
.contacto {
	width: 7.5cm;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	/*background-color: red;*/


}

.escribenos {
	text-align: center;
	font-family: 'Monserrat', sans-serif;
	font-size: 20px;
	padding-bottom: 10px;
}

.wasap {
	width: 1.3cm;
	margin: auto;
	padding-top: 20px;
}

 /*--------------------ESTILOS RESPONSIVE--------------------*/
 

@media screen and (max-width: 400px) {
	/*body {
		min-width: 319px;
	}*/

	.group__reservas {
		font-size: 1.6em;
	} 

	.banner__img {
	width: 100%;
	height: 470px;
	object-fit: cover;
}


	.boton {
		margin-top: -10px;
	}

	form {
	width: 300px; /*tamaño modulo*/
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px; /*del modulo*/
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 7px; 
	}

	form .mapa {
		width: 260px; 
		height: 200px;
	}

	.estacionamiento {
		text-align: center;
	}

	
	 

}

/*======================================================*/

@media screen and (min-width: 480px) {
	.group__reservas { /*barra titulo reservas*/
		font-size: 2.1em;
	} 

	h2 {
		/*color: blue;*/
		font-size: 1.8em;
		font-family: 'Monserrat', sans-serif;
	}

	form {
	width: 440px; /*tamaño modulo*/
	/*margin-left: .5cm;*/
	margin: auto; 
	background: rgba(0,0,0,0.4);
	padding: 10px 20px; /*del modulo*/
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 10px;
	border-radius: 7px; 
	}

	.boton {
		margin-bottom: 20px;
	}

	form .mapa {
		width: 400px; height: 300px;
		margin-bottom: 15px;
	}

	.estacionamiento {
		text-align: center;
		font-size: 1.2em;
	}
}

/*======================================================*/

@media screen and (min-width: 768px) {
h2 {
	width: 100%;
	/*color: green;*/
}

	.group__reservas {
		font-size: 2.6em;
		margin-bottom: 1cm; 
	} 

	form {
	width: 650px; /*tamaño modulo*/
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px; /*del modulo*/
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 30px;
	border-radius: 7px; 
}

form .mapa {
		width: 610px; height: 450px;
		margin-bottom: 15px;
	}

	.estacionamiento {
		text-align: center;
		font-size: 1.3em;
	}

}

/*==================================================*/

@media screen and (min-width: 1024px) {
	h2 {
		/*color: red;*/
		font-size: 1.8em;
	}

	.group__reservas {
		font-size: 2.8em;
	} 

	form {
	width: 850px; /*tamaño modulo*/
	 
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px; /*del modulo*/
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 7px; 
}

form .mapa {
		width: 810px; height: 650px;
		margin-bottom: 15px;
	}

	.estacionamiento {
		text-align: center;
		font-size: 1.5em;
	}
}

/*=================================================*/

@media screen and (min-width: 1250px) {
	/*h2 {
		color: blue;
	}*/

	.group__reservas {
		font-size: 3em;
	}

	form {
	width: 1050px; /*tamaño modulo*/
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px; /*del modulo*/
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 7px; 
}


form .mapa {
		width: 1010px; height: 850px;
		margin-bottom: 20px;

	}

	.estacionamiento {
		text-align: center;
		font-size: 1.7em;
	}
 


}