body {
	margin: 0;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

#cover {
	width: 100vw;
	height: 100vh;
}

div.overlay-top {
	height: 100%;
	display: flex;
	color: white;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items:center;

	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 94%, rgba(127,127,127, 1));
}

div.overlay-bottom {
	height: 100%;
	display: flex;
	color: white;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items:center;

	background: linear-gradient(rgba(127,127,127, 1), rgba(0,0,0,0) 6%, rgba(0,0,0,0));
}

div.krimskrams {
	background: url(../img/krimskrams.jpg) center center no-repeat;
	background-size: cover;
}

div.avd {
	background: url(../img/trails.jpg) center center no-repeat;
	background-size: cover;
}

div.half {
	height: 50vh;
}

div.overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
/*	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 47%, rgba(127,127,127, 1) 50%, rgba(0,0,0,0) 53%, rgba(0,0,0,0)); */
}
/*  rgba(141, 141, 149, 1) */

div.caption {
	padding: 10px 20px;
	background-color: rgba(97, 81, 81, 0.51);
    border-radius: 25px;

}

div.caption a {
	text-decoration: none;
	color: white;
}


.h1, h1 {
	font-size: 2.5rem;
}