@media (max-width: 69em) {
	.header {
		height: 6rem;
	}

	.btn-mobile-nav {
		display: block;
		z-index: 9999;
		background-color: transparent;
	}

	.icon-mobile-nav {
		width: 4.8rem;
		height: 4.8rem;
		color: #333;
	}

	.main-nav {
		background-color: rgba(255, 255, 255, 0.9);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(5px);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		transform: translateX(100%);
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.5s cubic-bezier(0.83, 0, 0.17, 1);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	.nav-open .main-nav {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		transform: translateX(0%);
	}
	.nav-open .icon-mobile-nav[name="menu-outline"] {
		display: none;
	}

	.nav-open .icon-mobile-nav[name="close-outline"] {
		display: block;
	}

	.main-nav-list {
		flex-direction: column;
		justify-content: center;
		gap: 4.8rem;
	}

	.main-nav-link:link,
	.main-nav-link:visited {
		font-size: 2rem;
	}
	.hero-text h1 {
		font-size: 5.2rem;
	}
	.yt-video {
		height: 40rem;
		width: 80rem;
	}
	.section-contact .container {
		grid-template-columns: 1fr;
		max-width: 70rem;
	}

	.contact-img {
		grid-row: 1;
		width: 100%;
	}
}
@media (max-width: 59em) {
	.hero-text h1 {
		font-size: 4.4rem;
	}
	.header-secondary {
		font-size: 3.6rem;
	}
	.icon {
		padding: 2rem;
		border-radius: 50%;
		background-color: #ced4da;
		color: #212529;
		height: 3.2rem;
		width: 3.2rem;
		margin-bottom: 1.2rem;
	}
	.section-video {
		padding: 4.8rem 0;
	}
	.about-container {
		grid-template-columns: 1fr;
		padding: 4.8rem;
	}

	.about-img {
		width: 70%;
	}
	.container--big .hidden {
		text-align: center;
	}

	.about-container--reverse .about-text {
		grid-row: 2;
	}
	.section-offer .container--big {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 60em) {
	.yt-video {
		width: 60rem;
	}
}

@media (max-width: 50em) {
	.section-hero {
		display: flex;
		justify-content: center;
    align-items: center;
	}

	.hero-text h1 {
		margin-top: 0;
	}
	.section-offer .container--big {
		grid-template-columns: 1fr;
		padding: 0 12.4rem;
	}


}
@media (max-width: 37.5em) {
	.hero-text h1 {
		font-size: 3.6rem;
	}

	.hero-text a:link,
	.hero-text a:visited {
		font-size: 2rem;
	}
	.header-secondary {
		font-size: 3rem;
	}
	.yt-video {
		width: 44rem;
		height: 30rem;
	}
	.about-container {
		padding: 2.4rem;
	}

	.about-img {
		width: 80%;
	}

	.about-text {
		font-size: 1.8rem;
	}
	.section-offer {
		padding: 0 3.2rem;
	}

	.section-offer .container--big {
		grid-template-columns: 1fr;
		padding: 0 4.8rem;
	}
	.slider {
		height: 35rem;
	}
	.contact-text {
		font-size: 2rem;
		line-height: 1.5;
	}
	footer {
		flex-direction: column;
		gap: 2.4rem;
	}
}
@media (max-width: 34em) {
	.about-img {
		width: 100%;
	}
	.section-hero {
		background-position-x: 10%;
	}
	.section-about .container--big {
		padding: 0 2.4rem;
	}

	.about-img {
		width: 100%;
	}
	.section-offer .container--big {
		padding: 0 4.8rem;
	}

	.section-offer {
		padding: 0;
	}
}
@media (max-width: 28.125em) {
	.yt-video {
		width: 40rem;
		height: 30rem;
	}
}
@media (max-width: 25em) {
	.hero-text a:link,
	.hero-text a:visited {
		font-size: 1.8rem;
	}
	.yt-video {
		width: 30rem;
		height: 20rem;
	}
	.section-about .container--big {
		padding: 0 2.4rem;
	}

	.about-container {
		padding: 0;
	}

	.about-img {
		width: 100%;
	}
	.section-offer .container--big {
		padding: 0 2.4rem;
	}

	.section-offer {
		padding: 0;
	}
	.section-contact .container:nth-child(2) {
		padding: 3.2rem;
	}
}