/*==================================Background==================================*/

	.background-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		width: 100vw;
		height: calc(100vh - 3rem - 3vw);
		margin-top: calc(4rem + 3vw);
		overflow: hidden;
	}

	.background-container > div {
		display: flex;
		flex-direction: column;
		height: 100%;
		z-index: -1;
		justify-content: center;
	}

	.background_1 img, .background_2 img {
		max-width: 500px;
		max-height: 700px;
		max-width: 95%;
		opacity: .7;
	}

	.reservaciones_container {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		transform: translate(-50%,-50%);
		z-index: 2 !important;
		align-items: center;
		color: var(--basic-color-black)
	}

	.res {
		font-size: calc(1.5rem + 1vw);
		font-weight: 900;
		text-transform: uppercase;
		margin-top: calc(1rem + 1vw);
	}

	.tel {
		font-size: calc(1.25rem + .9vw);
		font-weight: 700;
		text-transform: uppercase;
		margin-top: calc(1rem + 1vw);
		margin-bottom: calc(1rem + 1vw);
	}

	.reservaciones_link {
		max-width: 200px;
		transition: transform 0.4s ease-in-out;
		margin-bottom: calc(1rem + 1vw);
	}

	.reservaciones_link:hover {
		transform: scale(1.1);
	}

	.reservaciones_link img {
		max-width: 100%;
		width: 100%;
	}

	.logo_index {
		width: 100%;
		max-width: 300px;
	}

	.background_1 {
		align-items: flex-start;
	}

	.background_1 img {
		transform: translateX(-30%);
	}

	.background_2 {
		align-items: flex-end;
	}

	.background_2 img {
		transform: translateX(30%);
	}

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

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

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

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

		.background_1 img, .background_2 img {
			max-width: none;
			width: auto;
			max-height: 100%;
			height: 100%;
		}
	}

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