@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
/*===== VARIABLES CSS =====*/



@media screen and (min-width: 768px) {
    :root {
        --biggest-font-size: 3.5rem;
        --h1-font-size: 2.25rem;
        --h2-font-size: 1.5rem;
        --h3-font-size: 1.25rem;
        --normal-font-size: 1rem;
        --small-font-size: .875rem;
        --smaller-font-size: .813rem;
    }
}
@media screen and (min-width: 1121px) {
	.header {
		background: #fff;
	}

	.nav {
		height: var(--header-height);
	}

	.nav__list {
		flex-direction: row;
		column-gap: 3rem;
	}

	.nav__link {
		color: #3E0E12;
		text-transform: initial;
		font-weight: initial;
	}

	.nav__img, .nav__close, .nav__toggle {
		display: none;
	}

	.dropdown__list {
		position: absolute;
		top: 4.6rem;
		background-color: var(--white-color);
		padding: .75rem .75rem;
		border-radius: .3rem;
		transition: .4s;
	}
}