body
{
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
}

header
{
	background-color: #1771a4;
	color: #e1f0f8;
	padding: 0.5em 1em;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #000;
}

header > h1
{
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 0.6em;
}

header > h2
{
	font-size: 1.0em;
	margin-left: 1em;
}

main
{
	max-width: 900px;
	margin: auto;
	padding: 1em 2em;
	box-sizing: border-box;
}

footer
{
	position: fixed;
	bottom: 0px;
	right: 0.4em;
	font-size: 0.8em;
	color: #888;
	transition: 0.2s linear;
}

footer:hover
{
	color: #000;
}

footer em
{
	color: #888;
	font-size: 0.8em;
}

h1, h2, h3, h4, h5
{
	font-family: Montserrat;
	font-weight: normal;
}

h3
{
	margin: 0.4em 0 0.2em 0;
	color: #d3ecff;
}

.boks
{
	margin: 1em;
}

button.boks
{
	display: inline-block;
	color: #000000;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: unset;
	font-family: unset;
	text-align: left;
	cursor: pointer;
}

a.boks
{
	display: inline-block;
	color: unset;
}

.boks > div
{
	padding: 1em;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 15em;
	min-height: 14em;
	border: 1px solid #1d86c3;
	background-color: #b0def8;
	transition-duration: 0.3s;
}

.boks > div:hover
{
	background-color: #c0e3f7;
	box-shadow: rgba(0,0,0,0.1) 0.5em 0.5em 1em;
}

.boks h3
{
	color: #175e87;
}

.boks img
{
	position: absolute;
	opacity: 0.1;
	width: 30%;
	right: 1em;
	bottom: 1em;
	height: auto;
	box-sizing: border-box;
}

@font-face
{
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('PT Sans'), local('PTSans-Regular'), url(PTSansLatinExt.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face
{
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('PT Sans'), local('PTSans-Regular'), url(PTSans.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(MontserratLatinExt.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(Montserrat.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media only screen and (max-width: 600px)
{
	header > h2
	{
		display: none;
	}

	a.boks
	{
		box-sizing: border-box;
		display: block;
	}

	a.boks div
	{
		width: 100%;
	}
}