* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

body {
	margin: 0px;
}

.img {
	max-width: 100%;
}

/* grid */
.grid-container {
	display: grid;
	grid-template-rows: 3.9fr 28.8fr 1fr 13.3fr 2.9fr 4.7fr 7.5fr 12.2fr 1.5fr;
	grid-template-columns: 1fr 9.1fr 9.6fr 3.2fr 6.4fr 9.6fr 1fr;
	grid-template-areas:
		"navigatie navigatie navigatie navigatie navigatie navigatie navigatie"
		"wintervillage wintervillage wintervillage wintervillage wintervillage wintervillage wintervillage"
		"wintervillage wintervillage wintervillage wintervillage wintervillage wintervillage wintervillage"
		"black black winterwonderland-text winterwonderland-text-2 winterwonderland-text-2 winterwonderland-text-3 ."
		". . . . . . ."
		". reindeer-tour . . ski ski ."
		". reindeer-tour activity-text . ski ski ."
		". quote hiking hiking ski ski ."
		". . . . . . ."
	;
	height: 2428px;
}

nav {
	grid-area: navigatie;
	background-color: #FFFFFF;
}

.hero {
	grid-area: wintervillage;
	background-color: #FFFFFF;
	background-image: url("images/village.jpg");
	background-size: cover;
}

.winterwonderland-black {
	grid-area: black;
	background-color: #252525;
}

.winterwonderland-alinea {
	padding: 40px 0px 40px 25px;
}

.winterwonderland-alinea1 {
	grid-area: winterwonderland-text;
	background-color: #252525;
	padding-right: 30px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.winterwonderland-alinea2 {
	grid-area: winterwonderland-text-2;
	background-color: #FFFFFF;
}

.winterwonderland-alinea3 {
	grid-area: winterwonderland-text-3;
	background-color: #FFFFFF;
}

.reindeer {
	grid-area: reindeer-tour;
	background-color: #FFFFFF;
	background-image: url("images/reindeer.jpg");
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

.activity-alinea {
	grid-area: activity-text;
	background-color: #FFFFFF;
	padding-left: 25px;
}

.quote {
	grid-area: quote;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ski {
	grid-area: ski;
	background-color: #FFFFFF;
	background-image: url("images/skiing.jpg");
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 25px;
}

.hike {
	grid-area: hiking;
	background-color: #FFFFFF;
	background-image: url("images/hiking.jpg");
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 25px 0px 0px 25px;
}

/* style */

.light-text {
	color: #FFFFFF;
}

.cta-button {
	padding: 13px 15px;
	border-radius: 5px;
	border: solid 2px #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	width: fit-content;
}

.activity-button-link {
	width: 90%;
	border: solid 2px #FFFFFF;
	border-radius: 5px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 500;
	color: #FFFFFF;
	text-decoration: none;
	padding: 16px 0px;
}

.alinea-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
}

h1 {
	font-family: 'Lora', serif;
	font-size: 45px;
	font-weight: 400;
}

.quote {
	font-family: 'Lora', serif;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

.logo {
	font-family: 'DM Serif Display', serif;
	font-size: 40px;
	font-weight: 400;
	margin-top: -7px;
}

nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 48px;
}

ul {
	display: flex;
	gap: 20px;
}

ul li {
	list-style: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	font-weight: 500;
}