/*==================================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: 50%;
		z-index: -1;
	}

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

	.logo_index {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		max-width: 500px;
		height: 50%;
		max-height: 250px;
		transform: translate(-50%,-50%);
		z-index: 2;
	}

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

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

	.background_3 {
		align-items: flex-start;
		justify-content: flex-end;
	}

	.background_4 {
		align-items: flex-end;
		justify-content: flex-end;
	}

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