@charset "utf-8";

/* HERO */
	.hero {
		display: grid;
		position: relative;
		z-index: 10;
		}
	.hero::after {
		background-image: url('../images/border.png');
		background-repeat: repeat-x;
		content: '';
		bottom: -1.3rem;
		height: 2.6rem;
		position: absolute;
		width: 100%;
		}
	.hero-image,
	.hero-text {
		grid-area: 1 / 1;
		}
	.hero-image > *,
	.hero-image > * > * {
		height: 100%;
		object-fit: cover;
		object-position: center;
		width: 100%;
		}
	.hero-text.section-p {
		align-items: center;
		display: flex;
		z-index: 4;
		}
	.hero-info {
		margin: 2.4rem auto;
		width: 100%;
		}
	.hero-texts {
		font-size: 0.8rem;
		}
	.hero-header {
		font-size: 2.4em;
		font-style: italic;
		font-weight: var(--mywp-heavy);
		margin-bottom: 1rem;
		text-shadow: var(--mywp-shadow);
		}
	.hero-intro.textnormal {
		font-size: 1.6em;
		margin: 1rem 0;
		}
	.hero-intro.textnormal > p {
		margin: 1rem 0;
		}
	.hero-buttons.buttons-group {
		margin: 0;
		}
	@media (max-width: 30em) {
		.hero-text.section-p {
			height: 50%;
			}
	}
	@media (min-width: 22.5em) {
		.hero-texts {
			font-size: 0.9rem;
			}
		.hero-header {
			font-size: 2.8em;
			}
	}
	@media (min-width: 30.01em) {
		.hero-texts {
			font-size: 0.6rem;
			max-width: 55%;
			}
		.hero-intro.textnormal {
			width: 80%;
			}
	}
	@media (min-width: 40em) {
		.hero-texts {
			font-size: 0.7rem;
			}
		.hero-header {
			font-size: 3.6em;
			margin-bottom: 2.4rem;
			}
		.hero-intro.textnormal {
			margin: 2.4rem 0;
			}
	}
	@media (min-width: 60em) {
		.hero-texts {
			font-size: 1rem;
			max-width: 50%;
			}
	}
	@media (min-width: 80em) {
		.hero-texts {
			font-size: 1.4rem;
			max-width: 60%;
			}
	}
	@media (min-width: 90em) {
		.hero-texts {
			font-size: 1.6rem;
			}
	}
	@media (min-width: 100em) {
		.hero-texts {
			font-size: 2rem;
			}
	}