/* Main block */

* {
	font-family: Arial;
}

html, body {
	margin:0;
	height:100%;
}

.header {
	position:relative;
}

.image {
	background-color:#efefef;
	position:relative;
	background-image: url('linnea.jpg');
	background-position: center center;
	background-size: cover;
}

.footer {
	position:relative;
	padding:40px 40px;
}

/* Text */

.font {
	font-family: 'Michroma', sans-serif;
}

h1 {
	font-family: Arial;
	margin:0;
}

/* Nitty gritty */

.header img {
	position:absolute;
	bottom:40px;
	left:40px;
}

.footer h1 {
	font-size:24px;
	color:#0a1971;
}

.footer p {
	color:#666666;
}

.footer p a {
	color:#666666;
	text-decoration: underline;
}

@media only screen and (max-width:767px) {
	h1 {
		font-size:16px !important;
	}	
}

/* Spinner */
	
.cssload-container {
	width: 100%;
	height:100%;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.9);
}

.cssload-speeding-wheel {
	position:relative;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	border: 1px solid rgb(0,0,0);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 1025ms infinite linear;
		-o-animation: cssload-spin 1025ms infinite linear;
		-ms-animation: cssload-spin 1025ms infinite linear;
		-webkit-animation: cssload-spin 1025ms infinite linear;
		-moz-animation: cssload-spin 1025ms infinite linear;
	top:50%;
	margin-top:-12px;
}



@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}