@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:16px;
}

#logo {max-width:100%;height:auto;margin-bottom:2em;}

#wrapper {display:flex;flex-direction: column; justify-content: space-around; width:100%;}
#innehall {margin: 0 20px;}
h1 {margin-bottom: 0.2em; font-size:2.2em;}
h2 {margin-bottom: 0.5em; font-size:2em;}
h3 {margin-bottom: 0.5em; font-size:1.2em;}
h1, h2, h3 {color:#32475C}
p {font-size:1.2em;line-height:1.4em;margin-bottom:1.6em;}
a {font-size: inherit;}
#logo {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;}
#footer {margin: 0 20px;margin-top:1em;text-align:center;line-height: 1.4em;}
#footer span {display:block;}
hr {margin-bottom:2em;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#innehall {
	margin: 0 10%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px){
		#innehall {
	margin: 0 20%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#footer {display:flex;justify-content:center; border-top: solid 1px #32475C; padding-top:1em;}
	#footer span {margin-right: 5em;}
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
		#innehall {
max-width:800px;
	margin:0 auto;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}