html, body{background-color:#ffffff;font-family: 'Rubik', sans-serif;font-size: 100%;margin:0;padding:0;}
header{float:left;width:calc(30% - 8px);box-shadow: 2px 2px 10px #000;position: fixed;top:4px;left:4px;background-image: url('img/beachback.jpg');background-size: cover;}
.lang{position: relative;}
.lang img{position: absolute;width: 20px;top:20px;left: 20px;}
.lang2{left:40px !important;}
header ul{padding-left: 0;width: fit-content;margin: 0 auto 40px auto;}
header li{color:#304709;text-shadow: 2px 2px 10px #d9b775;text-decoration: none;display: block;margin: 0 auto;font-weight: 500;width: fit-content;font-size: 1.5rem;padding:8px 0;cursor: pointer;}
#celMenuList{display: none;}
section{float:right;width:calc(70% - 28px);margin:4px;background-position:top;background-repeat:no-repeat;background-size:100% auto;text-shadow: 2px 2px 10px #d9b775;color:#304709;text-align: center;background-color: #fff3e4;}
section i{display: block;margin: 0 auto;font-size: 24px;}
#headerLogo{display:block;margin:40px auto;height: 40px;filter:drop-shadow(2px 2px 4px #304709);}
section img{width: 90%;display: block;margin: 0 auto;}
#unoGif{background-color: #ffffff;box-shadow: 2px 2px 10px #2f3423;}
#topVideoGif{width:96%;display:block;margin:10px auto;max-width: 1980px;}
#topVideoGifB{display:none;}
.content {display: none;}
.active {display: block;box-shadow: 2px 2px 10px #2f3423;padding:20px 10px;}

/*SECCIONES*/

.whatsapp{position: fixed;right: 8px;bottom:8px;width:50px;height: 50px;background-color: #fff;border-radius: 50px;box-shadow: 2px 2px 20px #000;}
.whatsapp i{color:#25D366;font-size: 40px;padding:4px 0 0 8px;}
#dosTexto p, #dosTextoB p, #dosTextoC p, #dosTextoD p, #cincoAlq p,#seisVenda p{padding:10px 10%;}
#sieteContacto h2{margin-bottom:60px;}
#sieteContacto a, #cincoAlq a, #seisVenda a{color:#0e4a1e;font-weight:bold;text-decoration: none;}
#unoGif, #dosTextoB, #cuatroVideo, #cincoAlq, #seisVenda, #sieteContacto {background-image:url('img/beachback.jpg');}
#dosTexto, #dosTextoC, #dosTextoD{background-image:url('img/beachback.jpg');}
#tresFotos .carouselSection{background-image:url('img/beachback.jpg');background-color: #fff3e4;background-size: contain;}

/*GALERIA*/

#carousel {width: 80%;overflow: hidden;display: block;margin: 0 auto;}

#carousel h2{text-align: center;color:#304709;text-shadow: 2px 2px 10px #d9b775;}
#carousel-container, #carousel-container-b, #carousel-container-c, #carousel-container-d, #carousel-container-e
{display: flex;transition: transform 0.5s ease;}
.carousel-item, .carousel-item-b, .carousel-item-c, .carousel-item-d, .carousel-item-e {flex: 0 0 100%;}
.separadorA{height: 60px;border-bottom:1px solid #d9b775;}
.carouselButtonsSection{position: relative;}
.previousButton{position: absolute;font-size:32px;left:40%;color:#2f3423;border: unset;background-color: #d9b775;border-radius: 25px;}
.nextButton{position: absolute;font-size:32px;right:40%;color:#2f3423;border: unset;background-color: #d9b775;border-radius: 25px;}
.fa-circle-left, .fa-circle-right{font-size:32px !important;}
button { margin: 10px;cursor: pointer;}
iframe{display: block;margin: 150px auto;}


@media screen and (max-width:900px){

	#topVideoGifB{width:96%;display:block;margin:10px auto;}
	#topVideoGif{display: none;}
	#menuList{display: none;}
	#celMenuList{display: block;background-image: }
	header{width:98%;margin:0 auto;background-image:url('img/beachbackb.jpg');z-index: 100;}
	#unoGif, #dosTextoB, #cuatroVideo, #cincoAlq, #seisVenda, #sieteContacto {background-image:url('img/beachbackb.jpg');}
	html, #dosTexto, #dosTextoC, #dosTextoD{background-image:url('img/beachbackb.jpg');}
	#tresFotos .carouselSection{background-image:url('img/beachbackb.jpg');}
	header li{font-size:1.2rem;padding:2px 0;}
	section{width:98%;margin:200px auto 0 auto;}
	header ul{padding-left: 0;width: fit-content;margin: 0 auto ;}
	#headerLogo {display: block;margin: 2px auto 10px auto;height: 30px;filter:drop-shadow(2px 2px 10px #000);}
	#celMenuListA,#celMenuListB{width: 50%;float: left;}
	iframe{width: 90% !important;margin:0 auto;display: block;}
	.previousButton{left:30%;}
	.nextButton{right:30%;}
}