@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100&family=Cinzel&family=Dancing+Script&family=Festive&family=Playfair+Display&family=Quicksand:wght@300&family=Scheherazade+New&display=swap');
*{margin:0;padding:0;font-family:'Playfair Display',serif;box-sizing:border-box}
:root{--gold: #bea24b; --lightergold:#cbb165;}

button{
	text-decoration: none;
	border: none;
	background-color: transparent;
	cursor: pointer;
	margin: 10px;
}
.maincontainer{background:url(./backgroundtop.jpg);width:100%;transition:1s ease-in;
background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.nav-container{width:100%;position:absolute;top:0;background-color:#bea24b; z-index: +2;}
.topbar{width:auto;color:white;height:58px;padding-bottom:0;margin-top:0;float:right}
.topbar p{padding:20px 12px; color: yellow;}
@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.topnav{width:auto}
.topnav{overflow:hidden;}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:20px 12px;
font-size:17px}.active{background-color:var(--gold);color:white} 

.dropdown{float:left;overflow:hidden}
.dropdown .dropbtn{font-size:17px;border:0;outline:0;color:white;padding:20px 12px;background-color:inherit;font-family:inherit;margin:0}
.dropdown-content{display:none;position:absolute;background-color:var(--lightergold);
min-width:160px;
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}.dropdown-content a{float:none;color:white;padding:12px 16px;display:block;text-align:left}.topnav a:hover,.dropdown:hover .dropbtn{cursor:pointer;font-weight:700}.dropdown-content a:hover{font-weight:700}.dropdown:hover .dropdown-content{display:block}.btn{display:inline-block;padding:12px 12px 15px 12px;margin-top:10PX;border:2px solid #ffd467;color:white;cursor:pointer}
.toptext{color:white;padding:10px;margin-top:100px;height:480px}
.about-text{width:500px}.middletext{color:white;padding:20px;}a{text-align:center;cursor:pointer;color:white}.logos{text-align:center;height:170px}.logos h1{padding-top:10px}.logos img{height:60px;padding:10px}.feed{color:white;margin-top:-80px;padding:60px}.footer{font-size:15px;background-color:#bea24b;height:auto;color:white;padding:70px 80px;margin-bottom: 0px; text-align: center;}

a{text-decoration: none;}
/* Show when expanded */
button[aria-expanded="true"] + .dropdown-content {
  display: block;
}

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      border: 0;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }
.lights2{
padding-top: 120px;
display: none;
}
.lights{
padding-top: 70px;
}

.menupage{
	display: flex;
	justify-content: center;
	color: rgb(64, 64, 64);
	position: relative;


height: 700px;
	margin-top: 60px;
width: 100%;
}
.block{
	display: flex;
	width: 70%;
	background-color: whitesmoke;
	border: 1px solid var(--gold);
	margin: 30px;
}
.inside{
	display: inline;
}
.menuimg{
	width: 35%;
overflow: hidden;
}
.menuimg img{
	height: 100vh;
	width: auto;
}
.menutext{
	width: 65%;
	position: relative;
	padding: 25px;
	align-items: center; /* Center content vertically */
	justify-content: center; /* Center content horizontally */
	text-align: center; /* Center the text */
}

.menupage h2{
	font-size: 40px;

}
.menupage h3{
	font-size: 25px;

}

.iconos{
	position: absolute;
            bottom: 0;
            left: 0;
	filter: grayscale(100%);
	padding: 25px;
}

.filter{
	filter: grayscale(100%);
}

.menutext h4, .menutext p{
	padding-top: 20px;
	text-align: left;
	
}
.menutext h4{
	text-transform: uppercase;
}
.menutext p{
	padding-top: 10px;
}
.subtitle{
	font-size: 14px;
}
.menutext .price{
	float: right;
}

 .menutext ul{
text-align: left;
padding-left: 20px;
}

/*PRESS*/

.third h1{
	padding: 10px;
}

.box-left{
	padding-bottom: 40px;
}

.box-left .img-box img{
width: 50%;
}


.box-left .img-box {
	display: flex;
	justify-content: center;
}

.box-left a, .box-left p{
	color: rgb(41, 40, 40);
text-align: center;

}
/*POSTS*/

.content-box h2{
	text-align: center;
}
.content-box{
	width: 100%;
	display: flex;
	justify-content: center;

	
}

.content-box .content{
	width: 60%;
	text-align: justify;
}


.content-box .content .topimg{
width: 100%;
}
.bottom{
	padding-top: 30px;
	width: 100%;
	display:flex;
	justify-content: center;
}
.individualbox{
	width: 100%;
	height: 200px;
	background-color: #cbb165;
	margin: 20px;
}

.individualbox:hover{
	background-color: gray;
}
.bottom .img-container{
	overflow: hidden;
	height: 150px;
	width: 100%;
}
.img-container img{
	width: 100%;
	height: auto;
}

.paragraph .img2{
	float: right;
	width: 200px;
	height: autp;
	margin: 5px;
	}

.nav-container{width:100%;position:absolute;top:0;background-color:#bea24b; z-index: +2;}
.topbar{width:auto;color:white;height:58px;padding-bottom:0;margin-top:0;float:right}
.topbar p{padding:20px 12px;}
@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.topnav{width:auto;overflow:hidden;}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:20px 12px;font-size:17px}
.active{background-color:var(--gold);color:white}

.hamburgericon div {
	width: 35px;
	height: 5px;
	background-color: rgb(249, 243, 243);
	margin: 6px;
	display: none;
	z-index: 4;
}

.dropdown{float:left;overflow:hidden}
.dropdown .dropbtn{
	font-size:17px;
	border:0;
	outline:0;
	color:white;
	padding:20px 12px;
	background-color:inherit;
	font-family:inherit;
	margin:0;
}

.dropdown-content{
	display:none;
	position:absolute;
	background-color:var(--lightergold);
	min-width:160px;
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
	z-index:1
}

.dropdown-content a{
	float:none;
	color:white;
	padding:12px 16px;
	display:block;
	text-align:left
}

/* hover stays */
.dropdown:hover .dropdown-content{
	display:block;
	
}
.dropdown-content a:focus,
.dropdown-content a:hover {
  color: white; /* visible focus ring */
}

/* keyboard support */
.dropdown .dropbtn[aria-expanded="true"] + .dropdown-content{
	display:block;
}

.dropdown button:focus-visible,
.dropdown-content a:focus-visible{
	outline:3px solid #000;
}

.topnav a:hover,.dropdown:hover .dropbtn{
	cursor:pointer;
	font-weight:700
}

.dropdown-content a:hover{
	font-weight:700
}

@media screen and (max-width:1096px){
.topbar{height:60px; width:100%}
.topbar p{display:none;}
.topnav{width:100%;position:absolute;}
.topnav a.hide,.dropdown .dropbtn{display:none}
.hamburgericon div{display:block;}

.topnav.responsive{padding-top:0px;background-color:var(--gold)}
.topnav.responsive a{float:none;display:block;text-align:left}
.topnav.responsive .dropdown{float:none;}
.topnav.responsive .dropdown-content{position:relative;}
.topnav.responsive .dropdown .dropbtn{
	display:block;
	width:100%;
	text-align:left;
}
.topnav a, .dropdown .dropbtn{padding:10px;}
}

a{text-decoration:none;color:white;cursor:pointer;}

/*RESPONSIVE*/
@media screen and (max-width:1096px){

.block{

	width: 100%;

	margin: 0px;
}

.content-box .content .topimg{
	margin-top: 70px;
	}
}

@media screen and (max-width:650px){ 
	.menupage{
		display: flex;
		justify-content: center;
		color: rgb(64, 64, 64);
		position: relative;
	
	
	height: auto;
	
	}

	.menuimg{
		width: 100%;
		height: 300px;
	position: absolute;
	}
	.menuimg img{ 
	width: 100%;
	height: auto;
	}
	.menutext{
		width: 100%;
		height: 700px;
	margin-top: 300px;
padding: 10px;
	}

	.footer{
		text-align: justify;
		padding: 70px 10px;
	}
}

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

	.bottom{
		padding-top: 30px;
		width: 100%;
		display:grid;
		justify-content: center;
	}
.individualbox{

	margin: 20px 0px;
}

.individualbox:hover{
	background-color: gray;
}
}
@media screen and (max-width:500px){
.toptext{color:white;padding:10px;}
.about-text{width:330px}.middletext{color:white;padding:20px;margin-top:30px}



}

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


.topnav.responsive
{
	background-color:var(--gold);} 
.logos{height: 230px;}



}