html{
	font-family: 'Montserrat', sans-serif;

  font-style: normal;
  font-weight: 300;
}



.container-fluid{
    max-width: 1680px !important;
   /*max-width: 100%;*/
}

.menu {
	background: #cecac1;
	color:#9b978f;
	letter-spacing: 2px;
	font-size: 20px;
}

.navbar-brand{
	font-size: 1.4em;
}
.bg-menu{
	background: #cecac1;
}

.home-logo{
	margin-top: 7.5vh; 
}

.home {background: url('../img/home/home_001.jpg');
background-size: cover;}

.what_to_do_h2{
	color: #5e7775;
	margin-top: 30px;
	margin-bottom: 30px;
	letter-spacing: 4px;
	font-weight: bold;
}

.home-info{
	padding-top: 30px; 
	padding-bottom: 30px; 
	color: #5e7775; 
	font-weight:bold;  background: #fff;}




.home-s2{
	background: url('../img/home/beachfront-001.jpg');
	background-size: cover;
	height: 100vh;
}

.home-s2-msj{
	color: #fff;
	font-size: 2em;
	letter-spacing: 2px;
	text-align: center;
}


.home-s3{
	padding-top: 65px;
	padding-bottom: 65px;
	color: #5e7775;
	text-align: center;

}
.home-s3 h2{
	display: inline-block;
	padding-bottom: 20px;
}

.contact{
	background: #f5f3f0;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 70px;
	padding-bottom: 60px;
	color: #9b978f;
	font-weight: bold;
	letter-spacing: 1px;
}

.h2_contact{
	color: #9b978f;
	padding-left: 30px;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.p_contact{
	color: #5e7775;
	padding-left: 30px;
	font-size: 1em;
	letter-spacing: 1px;
}

.p_contact_brown{
	color: #9b978f;
}



.form-group{ color:  #9b978f; padding-left: 30px;
	padding-right: 30px;}
.btn-contact{
	color: white;
	background: #9b978f;
}

.v-30{
	margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
	.menu {
	background: #cecac1;
	color:#9b978f;
	letter-spacing: 2px;
	font-size: 20px;
	}

	.video{
	height: 60vh;
	}

	.home {background: url('../img/home/home_001.jpg');
	background-size: cover;
	height: 65vh;
	}

	.home-info{	
	color: #5e7775; 
	font-size: 1em; letter-spacing: 2px;
	}

	.home-s2-form{

	background: white;
	color: #9b9790;
	font-size: 14px;
	padding-bottom: 30px;
	text-align: center;
	}

	.home-s2-msj{
	color: #fff;
	font-size: 1.3em;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 15vh;
	}
	.what_to_do{
	color: #9b978f;
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 0.9em;
	padding-top: 30px;
	font-family: 'Montserrat', sans-serif;
	}
	.footer{
	background: #cecac1;
	color:#9b978f;
	letter-spacing: 1px;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	}


	.footer a{
	text-decoration: none;
	color:#9b978f;
	letter-spacing: 1px;
	font-size: 25px;
	}
}

@media only screen and (min-width: 1200px) {
.menu {
	background: #cecac1;
	color:#9b978f;
	height: 15vh;
	letter-spacing: 2px;
	font-size: 20px;
}

.video{
	height: 80vh;
}

.home {background: url('../img/home/home_001.jpg');
	background-size: cover;
	height: 100vh;
	}

	.home-info{	
	color: #5e7775; 
	font-size: 1.2em; letter-spacing: 2px;
}
.home-s2-form{
	
	padding-top: 30px;
	background: #fff;
	color: #9b9790;
	font-size: 16px;
	padding-bottom: 30px;
	text-align: center;
}

.home-s2-msj{
	color: #fff;
	font-size: 2em;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 45vh;

}
.what_to_do{
	color: #9b978f;
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 1.2em;
	font-family: 'Montserrat', sans-serif;
}
.footer{
	background: #cecac1;
	color:#9b978f;
	letter-spacing: 2px;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
}


.footer a{
	text-decoration: none;
	color:#9b978f;
	letter-spacing: 2px;
	font-size: 25px;
}
}




.what_to_do_header {background: url('../img/tulum/tulum_001.jpg');
background-size: cover;
	height: 85vh;}








/*gallery style*/
.gallery-info{padding-top: 30px; 
	text-align: center;
	padding-bottom: 30px; 
	color: #5e7775; 
	font-size: 1.1em; letter-spacing: 2px;
	font-weight:bold;  background: #fff;}
.gallery-foot{
	background: #5e7775;
	color: #fff;
	font-size: 12pt;
	padding-bottom: 30px;
	padding-top: 30px;
}

.h2_gallery{
	color: #9b978f;
	margin-top: 40px;
}

.h22_gallery{
	color: #5e7775;
	padding-left: 30px;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
}
.h3_gallery{
	color: #9b978f;
	font-size: 1.3em;
	line-height: 60px;
	font-weight: bold;
	letter-spacing: 2px;
}


/* generales*/
.space-vertical {
	margin-top: 40px;
}

/*animacionnes*/
.animacion-top{position:relative;
	animation:animatetop 4s}
	@keyframes animatetop{from{top:-300px;opacity:0} 
	to{top:0;opacity:1}}

.animacion-show{position:relative;
	animation:animatetop 4s}
	@keyframes animatetop{from{opacity:0} 
	to{top:0;opacity:1}}

.nav-casa{

	color: #9b978f !important;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
}
p{
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter;
}


.figure-caption{
	position: absolute;
	color:white;
	font-size: 1.8em;
	letter-spacing: 3px;
 top: 80%;
 text-align: center;
 width: 100%;
}

.figure-caption2{
	position: absolute;
	color:white;
	font-size: 1.8em;
	letter-spacing: 3px;
	 top: 80%;
	 left:25%;
	 width: 100%;
}

.modal h3{
	color: #5e7775;
	letter-spacing: 4px;

	font-weight: bold;
}
.modal h4{
	color: #5e7775;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
.modal p{
	color: #9b978f;
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 14px;
	padding-top: 0px;
	font-family: 'Montserrat', sans-serif;
}