html {
	scroll-padding-top: 56px;
}

.khl {
	max-width: 150px;
}

.cover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('img/pelto1.jpg');
	min-height: 30vw;
	color: white;
}

.cover2 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('img/pelto2.jpg');
}

.cover3 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('img/pelto3.jpg');
}

.khl {
	max-width: 150px;
}

.card {
	max-width: 400px;
	border-style: solid;
	border-color: white;
	border-width: 6px;
	border-radius: 5px;
}


h1, h2, h3 {
	font-family: 'Playfair Display', serif;
}