/* ==========================================================================
   CUSTOM GASTRONOMY
   ========================================================================== */

#gastronomySec {
	position: relative;
	padding-top: 128px;
	padding-bottom: 128px;
}
#gastronomySec .gastronomyBg {
	background-image: url("../../images/gastronomy-bg.png"), url("../../images/noise-bg.png");
	background-position: top right -140px, center center;
	background-repeat: no-repeat, repeat;
	background-size: auto, auto;
	background-blend-mode: multiply, normal;
	position: absolute;
	inset: 0;
	opacity: 0;
	z-index: -1;
}
#gastronomySec .content {
	width: 100%;
	margin-bottom: 64px;
	text-align: center;
}
#gastronomySec .content .subtitle {
	display: block;
	margin: 0 0 32px 0;
	font-size: 1rem;
	color: inherit;
	font-weight: 400;
	line-height: 1.5rem;
	text-transform: uppercase;
}
#gastronomySec .content .title {
	display: block;
	margin: 0 0 40px 0;
	font-family: "Playfair Display";
	font-size: 5.625rem;
	color: inherit;
	font-weight: 400;
	line-height: 6.75rem;
	text-transform: uppercase;
}
#gastronomySec .content .exploreBtn {
	border-color: #ffffff;
	color: #ffffff;
}
#gastronomySec .content .exploreBtn:hover {
	border-color: #00a8b5;
	background-color: #00a8b5;
	color: #ffffff;
}
#gastronomySec .content .exploreBtn img.arrow {
	filter: brightness(0) invert(1);
}
#gastronomySec .gastronomyImg {
	width: 100%;
}
#gastronomySec .gastronomyImg picture,
#gastronomySec .gastronomyImg picture img {
	width: 100%;
	height: auto;
}
#gastronomySec .gastronomyImg .desktop {
	display: block;
}
#gastronomySec .gastronomyImg .mobile {
	display: none;
}

@media only screen and (min-width: 1366px) and (max-width: 1500px) {

#gastronomySec .gastronomySec 						{ padding-top: 100px; padding-bottom: 100px; }
#gastronomySec .content .subtitle 					{ margin: 0 0 20px 0; }
#gastronomySec .content .title 						{ font-size: 5rem; line-height: 6.125rem; }

}

@media only screen and (min-width: 961px) and (max-width: 1365px) {

#gastronomySec .gastronomySec 						{ padding-top: 70px; padding-bottom: 70px; }
#gastronomySec .content 							{ margin-bottom: 50px; }
#gastronomySec .content .subtitle 					{ margin: 0 0 20px 0; }
#gastronomySec .content .title 						{ margin: 0 0 30px 0; font-size: 4.375rem; line-height: 5rem; }

}

@media only screen and (min-width: 768px) and (max-width: 960px) {

#gastronomySec .gastronomySec 						{ padding-top: 50px; padding-bottom: 50px; }
#gastronomySec .content 							{ margin-bottom: 50px; }
#gastronomySec .content .subtitle 					{ margin: 0 0 20px 0; line-height: 1.3rem; }
#gastronomySec .content .title 						{ margin: 0 0 30px 0; font-size: 2.5rem; line-height: 3.5rem; }

}

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

#gastronomySec .gastronomySec 						{ padding-top: 50px; padding-bottom: 50px; }
#gastronomySec .content 							{ margin-bottom: 40px; }
#gastronomySec .content .subtitle 					{ margin: 0 0 15px 0; line-height: 1.5rem; }
#gastronomySec .content .title 						{ margin: 0 0 25px 0; font-size: 2.1875rem; line-height: 2.5rem; }
#gastronomySec .content .exploreBtn 				{ padding: 10px 40px 10px 20px; }
#gastronomySec .content .exploreBtn::before 		{ right: 18px; }

}