/*==================================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-width: 95%;
		opacity: .7;
	}

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

	.dom {
		font-size: calc(1.5rem + 1vw);
		font-weight: 900;
		text-transform: uppercase;
		margin: calc(1rem + 1vw) 0;
		text-align: center;
	}

	.factura_form {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}

	.factura_form input {
		min-width: 70%;
		margin: 1vw 0;
		padding: 8px 15px;
		border: 1px var(--basic-color-gold) solid;
	}

	.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) {
		
	}