/* ---------------------------------------- */
/* https://github.com/FaridZelli */
/* ---------------------------------------- */

/* ---------------------------------------- */
/* --- Hero Section --- */
/* ---------------------------------------- */

.red-rectangle {
	width: auto;
	max-width: auto;
	padding: unset;
	margin-left: 4rem;
	margin-right: 4rem;
}

.red-rectangle-content {
	width: 100%;
}

/* ---------------------------------------- */
/* --- Mobile Site --- */
/* ---------------------------------------- */

@media (max-width: 768px), (max-height: 412px) {

	#hero {
	min-height: unset;
	}

	.red-rectangle {
		width: auto;
		flex-direction: column;
		align-items: center;
		margin: 0 1rem;
		gap: 0;
		margin-top: 96px;
		margin-bottom: 42px;
	}

	.red-rectangle-content {
		margin-top: unset;
	}

	@media (max-height: 412px) {
		#hero {
		min-height: unset;
		}
		.red-rectangle {
			margin-top: 5rem;
			margin-bottom: 2rem;
		}
	}

}