/*==================================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);
	}

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

	.selector_logo {
		margin-top: 3rem;
	}

	.food_type_wrapper {
		padding: 1rem;
	}

	.food_type {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc(10rem + 10vw);
		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.08);
	}

	.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: 'Poppins', sans-serif;
		font-weight: bold;
		font-size: calc(2rem + 2vw);
		z-index: 2;
		color: white;
		text-align: center;
		transition: transform 0.4s ease-in-out;
	}

	.details {
		position: absolute;
		bottom: 0;
		z-index: 2;
		color: white;
		font-family: 'Poppins', sans-serif;
		font-size: calc(.75rem + .4vw);
		margin-bottom: 1vw;
	}

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

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

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

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

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