*{
	box-sizing: border-box;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; /** Disable orange highlight */
	-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
	outline: none !important; 
}

:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a {text-decoration:none; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
button,html input[type=button],input[type=reset],input[type=submit]
{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html {font-size:16px; font-size: 1em; letter-spacing:normal; line-height:1.6; font-family: 'Montserrat', sans-serif; color: #222; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }



button,html input, select, textarea {font-size:14px; font-size:0.875rem;font-family:inherit;}


q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

h1,h2,h3,h4,h5,h6,hr,legend,ol,pre,table,td,th,ul{margin:0;padding:0}
h1,h2,h3,strong,b{font-weight:bold}
h3,h4,h5,h6{font-weight:normal}
p {margin:0;}


li {}
dd { margin: 0 0 0 2.5rem; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul {list-style: none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0;}

body {
	font-size:16px;font-size:1rem;
	background-color:#000;
	width: 100%;
	height: 100%;
	text-align:center;
	margin: 0;
}

.section {
	display: flex;
	background-color: #000;
}

.container {
	max-width: 900px; max-width: 56.25rem;
	margin: 0 auto;
	width: 100%;
	padding: 0 1.25rem;
}


.row {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
	min-height: auto;
	padding: 0;
}

.column {
	flex: 1 1 0%;
	padding: 5px 0;
}


/* Style the header */
#header-section {
	padding-top: 0px;
	padding-bottom: 0px;
	position: sticky;
	top: 0px;
	z-index: 500;
}

#header-container {
	max-width: 900px; max-width: 56.25rem;
	align-self: center;
	position: sticky;
}

#header-row {
	max-width: 900px; max-width: 56.25rem;
	margin: 0 auto;
	background: none;
	padding: 0;
	height: 100%;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	text-align:center;
}

#header-col1 {
	vertical-align: middle;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	width:50%;
}

#header-col2 {
	vertical-align: middle;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
}

#logo {
	height: auto;
	max-width: 100px; max-width:6.25rem;
	vertical-align: middle;
}

#event{
	background-color:transparent;
	color:#e5b88f;
	font-size: 14px;
	font-size: 0.875rem;
	padding:0;
	margin:0;
}

#event:hover {
	color:#fff;
}

/* Style the main */
#main-section {	 
	-ms-flex: 100%; /* IE10 */
	flex: 100%;
	background-color: #f2f2f2;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
	z-index:0;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;

}

/* Video Section */
.video-container {
	position: relative;
	width: 100%;
	height: 90vh;
	overflow: hidden;
}

.video-container video {
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:0;
}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index:0;
}

.banner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 900px; max-width: 56.25rem;
	text-align: center;
	color:#fff;
}

.banner h1{margin-bottom:auto;width:100%; text-transform:uppercase; font-size:24px;font-size: 1.5rem;}
.banner h4{font-size:16px; font-size: 1rem;}


/* Form container styling */
#form-container {
	/* display: none; Hidden by default */
	max-width: 700px;max-width: 43.75rem;
	align-self: center;

}

#booking-form {
	max-width: 700px;max-width: 43.75rem;
	margin: auto;
	text-align: right;
}



/* Button styling */
.book-now-btn {
	background-color: #e5b88f;
	font-size:16px;font-size:1rem;
	text-transform:uppercase; 
	color: #fff;
	padding: 0.625rem;
	margin-top: 0.625rem;
	border: 0px solid #bf2b2b;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

.book-now-btn:hover {
	background-color: #fff;	
	color: #222;
	border: 0px solid #222;
}

/* Style the sub-footer */
#subfooter-section {
	background-color: #d8d1ca;
	text-align: center;
	padding: 1.25rem 0;
}

#subfooter-container {
	undefined: undefined;
	align-self: center;

}
#subfooter-row {
    background-image: url(../img/chef-illustration.svg);
    background-position: center; /* Centers the image */
    background-size: cover; /* Ensures the whole SVG fits without cropping */
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10.625rem; /* Adjust as needed for responsiveness */

}
/* Style the footer */
#footer-section {
	clear: both;
	font-size: 0.875rem;
	color: #999;
	text-align: center;
	undefined: undefined;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer-container {
	max-width: 900px; max-width: 56.25rem;
	align-self: center;
}

#footer-row {
	margin: 0 auto;
	background: none;
	padding: 1.25rem 0;
	height: 100%;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}

#footer-row:after {
	content: " ";
	display: table;
	clear: both;
}

#footer-row a {
	background: 0 0;
	border: 0;
	outline: 0;
	color: #999;
}

#footer-row a.active,
#footer-row a:active,
#footer-row a:hover {
	color: #fff;
}


#footer-col1 {
	vertical-align: middle;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer-col2 {
	vertical-align: middle;
	align-self: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

.social-icons {
	clear: both;
	float: none;
	text-align: left;
	vertical-align: middle;
}

.social-icons li {
	vertical-align: middle;
	display: inline-block;
	margin-right: 0.3125rem;
}
#footer-copyright {
	padding: 10px 0;
	text-align: right;
	vertical-align: middle;
}

/* Media Query for Large screens, (max-width: 1440px) */ 
@media (max-width: 90em){
	.row {
	flex-direction: row;
	}

	#header-row {
	flex-direction: row;
	}

}
/* Media Query for low resolution	Tablets, Ipads - when the screen is (min-width: 481px) and (max-width: 768px), */
@media (max-width: 48em) {
	#header-row {
	flex-direction: row;
	}
	#footer-row{flex-direction: column;}
	
	#footer-col1 {
	margin-bottom: 0.625rem;
	}

	#footer-copyright {
	text-align: center;
	}

	#footer-col2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	min-width: 100%;
	text-align: center;
	}
}

/* Media Query for Mobile Devices - when the screen is less than 480px wide, make the navigation links stack on top of each other instead of next to each other */
@media (max-width: 30em) {
	#footer-copyright {
	text-align: center;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
	}
	#header-col1 {
	text-align: center;
	}
	#header-col2 {
	margin-top: 0;
	}

	#header-row {
	flex-direction: column;
	}
	
	#footer-row {
	flex-direction: column;
	}

	#footer-col2 {
	border-top-width: 1px;
	border-top-color: #999;
	border-top-style: solid;
	min-width: 100%;
	}

	#footer-col1 {
	margin-bottom: 0.625rem;
	}
	
	.video-container {

	height: 80vh;
}
}