body {
	font-family: 'Muli', sans-serif;
} 


.nav-1 {
	background-color: #c9716f;
	color:#FFF;
	padding: 5px;
}

.slider {
	height: 100vh;
	background-image: url(../img/slider.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.slider .slider-img {
	padding-top: 40px;
}

.slider h2{
	background-color: rgb(255,255,255,0.8);
	padding: 10px 0px 10px 0px ;
	text-align: center;
	text-transform: uppercase;
	margin-top: 80px;	
}

.flechita {
	padding-top: 200px;
}


	@media (min-width: 992px) {
		.slider .slider-img {
			max-width: 250px;
		}
	}
	

	@media (min-width: 768px) {
		.slider-img {
			max-width: 250px;
		}
	}

	@media (min-width: 576px) {
		.slider-img {
			max-width: 200px;
		}

		.flechita {
			max-width: 100px;
		}
	}

	@media (max-width: 575.98px) {
		.slider-img {
			max-width: 200px;
		}

		.flechita {
			max-width: 80px;
		}
	}


#texto {
	margin-top: 40px;
	margin-bottom: 40px;
}

.boton-reserva{
	background-color: #e99188;
	padding: 10px 20px 10px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.boton-reserva:hover {
	background: #d3837f;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}

.text-boton{
	color: #5a595e;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 13px;  
}

.iconos {
	margin-top: 30px;
	margin-bottom: 30px; 
}

#contacto {
	margin-top: 25px;
	margin-bottom: 25px;  
}
#contacto h3 {
	color: #5a595e;
	font-weight: bold;
	text-align: center;
	font-family: 'Muli', sans-serif;
}

input, textarea{
	width: 100%;
	padding: 10px;
	border: #5a595e solid 1px;
	margin-top: 15px;
	margin-bottom: 10px;  
}

 textarea {
	height: 100px;
}

.submit{
	background: #5a595e;
	width: 200px;
	text-align: center;
	color:#fff;
	text-transform: uppercase;
}

.maps {
	margin-bottom: 30px; 
}

footer{
	background: #c9716f;
	padding-top: 30px;
	padding-bottom: 30px; 
}

footer h4{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}



 /*Flecha para hacer la pagina hacia arriba*/
    .ir-arriba {
        display:none;
        padding:30px;
        background-repeat: no-repeat;
        font-size:20px;
        color:black;
        cursor:pointer;
        position: fixed;
        bottom:20px;
        right:20px;
        z-index: 2;
    }
	
	.ir-arriba i {
		background-color: #e99188;
		border-radius: 100px;
	}

 .icono-arriba {
 	padding: 3px;
 	margin: 3px;
 	max-width: 40px;
 }