/*==================================Fonts==================================*/
	
	@font-face {
		font-family: 'Neon';
		src: url('../Fonts/Neon-Medium.otf') format('opentype');
	}

	@font-face {
		font-family: 'Neon Bold';
		src: url('../Fonts/Neon-Bold.otf') format('opentype');
	}
	
/*==================================Background==================================*/

	.background-container {
		position: absolute;
		top: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		height: calc(100% - 3rem - 3vw);
		margin-top: calc(3rem + 3vw);
		z-index: -1;
		overflow: hidden;
	}

	.background-container > div {
		display: flex;
		flex-direction: column;
		max-width: 50%;
	}

	.background-container img {
		max-height: 95%;
		max-width: 500px;
		max-width: 95%;
	}

	.logo_index {
		position: relative;
		left: 50%;
		width: 50%;
		max-width: 500px;
		height: 75%;
		max-height: 250px;
		transform: translateX(-50%);
		z-index: 2;
	}

	.background_1 {
		position: absolute;
		top: 10%;
		left: -5%;
	}

	.background_2 {
		position: absolute;
		top: 50%;
		left: -10%;
		max-width: 70% !important;
		width: 70%;
	}

	.background_3 {
		position: absolute;
		top: 30%;
		right: 0;
		max-width: 55% !important;
		width: 55%;
	}

	.background_4 {
		position: absolute;
		top: 70%;
		right: 0;
		transform: rotateY(180deg);
	}

/*==================================Selector==================================*/
	.selector {
		margin: 0 auto;
		margin-top: calc(3rem + 3vw);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 80vw;
	}

	.selector_logo {
		margin-top: 3rem;
	}

	.food_type_wrapper {
		padding: 1rem;
	}

	.food_type {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 15rem;
		width: 100%;
		height: 100%;
		padding: 1rem;
		position: relative;
	}

	.food_type:hover {
		text-decoration: none;
	}

	.food_type:hover .food_background {
		filter: brightness(50%);
	}

	.food_type:hover h2 {
		transform: scale(1.1);
	}

	.food_background {
		position: absolute;
		background-size: cover;
		background-position: center;
		filter: brightness(80%);
		transition: filter 0.4s ease-in-out;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.food_type h2 {
		font-family: Neon;
		z-index: 2;
		color: white;
		text-transform: uppercase;
		text-align: center;
		transition: transform 0.4s ease-in-out;
	}

/*==================================Inside Menu==================================*/
	.inside_menu {
		margin: 0 auto;
		margin-top: calc(4rem + .4vw);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 80vw;
		max-width: 1500px;
		display: none;
	}

	#inside_banner {
		width: 100vw;
		height: calc(5rem + 10vw);
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#banner_image {
		width: 100%;
		height: 100%;
		position: absolute;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		filter: brightness(80%);
	}

	#banner_title {
		font-family: Neon Bold;
		font-weight: bold;
		font-size: calc(2rem + 1vw);
		color: white;
		text-transform: uppercase;
		text-align: center;
		font-weight: 900;
		z-index: 2;
	}

	.menu_container {
		margin-top: calc(5rem + 12vw);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
		width: 100%;
		position: relative;
		min-height: 30rem;
	}

	.menu_divider {
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		height: calc(100% - 2.25rem - 2vw);
		border: 1px solid black;
		margin-top: 1.25rem;
		margin-bottom: calc(1rem + 2vw);
	}

	.first_column {
		margin-top: 3rem;
		margin-bottom: 2vw;
		padding: 0 calc(10px + 1vw);
		border-right: 1px solid black;
	}

	.second_column {
		margin-top: 3rem;
		margin-bottom: 2vw;
		padding: 0 calc(10px + 1vw);
		border-left: 1px solid black;
	}

	/*==================================Platillo Template==================================*/

		.platillo {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			font-size: calc(.75rem + .5vw);
			margin: calc(10% - 1vw) 0;
		}

		#platillo_header {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			width: 100%;
		}

		#platillo_header h1 {
			font-size: calc(.75rem + .5vw);
			font-family: Poppins;
			font-weight: bold !important;
		}

		#platillo_header h2 {
			font-size: calc(.75rem + .5vw);
			font-family: Poppins;
			font-weight: bold !important;
		}

		#platillo_title {
			font-weight: bold;
			font-size: calc(.75rem + .5vw);
			font-family: Poppins;
		}

		.platillo_subheader {
			font-style: italic;
			text-align: center;
			margin-bottom: 1vw;
		}

		#platillo_price {
			font-weight: bold;
			font-size: calc(.75rem + .5vw);
			font-family: Poppins;
		}

		#platillo_desc {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			justify-content: left;
			width: 100%;
		}

		#platillo_desc h2 {
			font-size: calc(.75rem + .5vw);
			font-weight: normal;
			text-align: justify;
			font-family: Poppins;
			padding: 0;
		}

		.variant_title {
			font-weight: bold !important;
		}

		.platillo_type {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
		}

		.platillo_type h2 {
			font-size: calc(.65rem + .4vw);
			font-family: Poppins;
			font-weight: bold;
		}

		.platillo_type h2:last-child {
			text-align: right;
		}

	/*==================================Sashimi Template==================================*/

		#platillo_SASHIMI {
			margin-bottom: 0;
			margin-top: 3rem;
		}

		#platillo_SASHIMI h1, #platillo_SASHIMI h2, #platillo_SASHIMI p {
			padding: 0;
			text-align: center;
		}

		.sashimi_desc {
			padding: 0;
		}

		.sashimi_title {
			font-weight: bold !important;
		}

		.sashimi_price {
			text-align: center !important;
		}

	/*==================================Sake Template==================================*/

		.sake_desc {

		}


	/*==================================Sake Template==================================*/
		.alcoholTemplate {
			max-height: 0;
			width: 100%;
			overflow: hidden;
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
		}

		.alcoholTemplate.column-stretch {
			flex-direction: column;
			width: auto;
		}

		.alcoholTemplate .platillo_type {
			width: 100%;
		}

		.alcoholTemplate .platillo_type h2 {
			text-align: center !important;
			width: 100%;
		}

		.alcoholTemplate.active {
			max-height: none;
		}

		.variantType3 {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			align-items: center;
			justify-content: center;
		}

		.variantPrice {
			font-weight: 300 !important;
			font-size: calc(.75rem + .5vw) !important;
			font-family: Poppins;
		}

		.alcoholTemplate .platillo_type {
			max-width: 800px;
			padding: 0 auto;
		}

		.variantTitle {
			font-style: italic;
			font-weight: bold !important;
			font-size: calc(.9rem + .65vw) !important;
			font-family: Poppins;
		}

		.sakeDescTemplate {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
			width: 100%;
			margin: 2vw 0;
		}

		#sake_desc_title {
			font-size: calc(.75rem + .5vw);
			font-family: Poppins;
			font-weight: bold !important;
		}

		#sake_desc_desc {
			font-size: calc(.75rem + .5vw);
			font-weight: normal;
			text-align: justify;
			font-family: Poppins;
			padding: 0;
		}

		.sake_price h2 {
			font-size: calc(.75rem + .5vw);
			font-weight: normal;
			text-align: justify;
			font-family: Poppins;
			padding: 0;
			text-align: center;
		}

		.sake_size {
			font-size: calc(.65rem + .45vw) !important;
			font-weight: bold !important;
		}


	/*==================================Return BTN==================================*/

		.return_btn {
			color: black;
			font-weight: bold;
			font-size: calc(1rem + .5vw);
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			align-items: center;
		}

		.return_btn:hover {
			text-decoration: none;
			color: black;
		}

		.return_btn img {
			max-width: 2.5rem;
			transform: rotate(180deg);
			margin-right: 2vw;
			transition: transform 0.2s ease-in-out;
		}

		.return_btn:hover img {
			transform: rotate(180deg) scale(1.08);
		}



/*=====================================
=            Media Queries            =
=====================================*/
	@media (min-width: 1200px) {
		
	}

	@media (max-width: 1200px) {
		
	}

	@media (max-width: 992px) {
		
	}

	@media (max-width: 768px) {
		.background-container > div {
			height: 25%;
		}

		.menu_divider {
			display: none;
		}

		.first_column {
			margin-bottom: 0;
			border-right: none;
		}

		.second_column {
			margin-top: 0;
			border-left: none;
		}

		.first_column .platillo:last-child {
			margin-bottom: 0;
		}

		#platillo_SASHIMI h1, #platillo_SASHIMI h2, #platillo_SASHIMI p, #platillo_SASHIMI #platillo_header {
			padding: 0;
			text-align: left;
		}
	}

	@media (max-width: 576px) {
		#inside_banner {
			top: calc(4rem + .4vw);
		}
	}