@font-face {
	font-family: 'Martti';
	src: url('fonts/martti-regular-webfont.eot');
	src: url('fonts/martti-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/martti-regular-webfont.woff') format('woff'),
	url('fonts/martti-regular-webfont.ttf') format('truetype'),
	url('fonts/martti-regular-webfont.svg#MarttiRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #013C5C;
	font-family: 'Open Sans', sans-serif;
}

.main {
	
}

.content {
	max-width: 577px;
	margin: auto;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
}

.row-header {
	justify-content: space-between;
}

.logo-container {
	padding: 24px 36px 36px 36px;
}

.logo-container svg {
	height: 54px;
	max-width: 85px;
}

.logo-container-fi {
	padding-right: 0;
}

.logo-container-sv {
	padding-left: 0;
}

.item {
	background: #ffffff;
	padding: 18px;
	margin-bottom: 10px;
}

.item__title {
	color: #000000;
	font-family: 'Martti';
	font-weight: normal;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 20px;
}

.item__link-container {

}

.item__link {
	display: block;
	font-size: 14px;
	color: #013C5C;
	text-decoration: underline;
	word-break: break-all;
}

.item__link:hover {
	text-decoration: underline;
}

.item__link--title {
	font-size: 14px;
	margin-bottom: 0;
}

.item__link--container {
	padding-bottom: 8px;
}

@media screen and (min-width: 576px) {
	.item {
		padding: 36px;
	}
}