@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
[class*="size-"] {    
    float: left;    
	margin:1%;    
}
.startpage,.poduct{
	width: 100%;
	height:auto;
}
.active{
	background: #002973;
	
	color: white;
	
	
}

@media only screen and (min-width:1px){
    .size-1 {width:98%; }
	.size-2 {width:98%;}
	
}

@media only screen and (min-width:550px){
	.size-1 {width:98%;}
	.size-2 {width:48%;}
	.size-3 {width:48%;}
}

@media only screen and (min-width:1024px){
	.size-1 {width:48%;min-height:600px;}
	.size-2 {width:23%;min-height:400px; }
	.size-3 {width:24%; min-height:400px;}
}
body{
	font-family: Verdana, sans-serif; 
	font-size:12px;
	
}
img {
	width: 90%;
	height: auto;
}
.info{
	line-height: 15px;
}

p{
	line-height: 5px;
}
	section::after {
    content: "";
    clear: both;
    display: block;
}
	header, nav, section, article, footer, aside {
	border:1px solid grey; 
	padding:8px;
	margin: 5px;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}


header {background:#039; 
		padding:10px;
		border-bottom: medium solid #ccc;
		
		
}
	
/*länkar */
nav {background:#007FE8;
	height: 80px;
	
	
	}
nav li{
	
}
nav ul {list-style-type:none; margin:15px 0px; padding:0;
	}
nav ul li {
	display:inline;
	margin:5px; 
	padding: 10px 20px;
	font-size: 20px;
}

nav a:link {
    color:white;
}
nav a:visited {text-decoration: none;color: white;}
nav a:hover {background:#01102F;color:white;font-weight:bold;}