@charset "utf-8";

/* HERO */
	.hero {
		display: grid;
		height: 75vh;
		max-height: 108rem;
		min-height: 32rem;
		position: relative;
		z-index: 1;
		}
	.hero-image,
	.hero-text {
		grid-area: 1 / 1;
		}
	.hero-image {
		position: relative;
		}
	.hero-media {
		height: 100%;
		}
	.hero-picture,
	.hero-picture > *,
	.hero-media > video {
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: absolute;
		width: 100%;
		}
	.hero-text.section-p {
		align-items: center;
		display: flex;
		z-index: 4;
		}
	.hero-info {
		margin-bottom: 4rem;
		margin-top: 8rem;
		text-align: left;
		width: 100%;
		}
	.hero-header {
		color: var(--mywp-highlight);
		font-size: 3rem;
		font-weight: var(--mywp-heavy);
		line-height: 1.1em;
		text-shadow: 0.05em 0.05em 0 var(--mywp-white);
		}
	.hero-buttons.buttons-group {
		margin: 4rem 0 0;
		}
	.hero-buttons.buttons-group > .button {
		margin-bottom: 1rem;
		}
	@media (min-width: 22.5em) {
		.hero-header {
			font-size: 3.6rem;
			}
	}
	@media (min-width: 30em) {
		.hero-header {
			font-size: 4rem;
			}
	}
	@media (min-width: 40em) {
		.hero-header {
			font-size: 6rem;
			}
	}
	@media (min-width: 60em) {
		.hero-header {
			font-size: 5rem;
			max-width: 50%;
			}
	}
	@media (min-width: 80em) {
		.hero-header {
			font-size: 7rem;
			}
	}
	@media (min-width: 90em) {
		.hero-header {
			max-width: 57%;
			}
	}
	@media (min-width: 100em) {
		.hero-header {
			font-size: 9rem;
			}
	}