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

* {
    box-sizing: border-box;
}

/*Alla klasser size - ska ha följande inställningar */ 
[class*="size-"] {    
    float: left;    
	margin:1%;    
}
@media only screen and (min-width:1px){
    .size-1 {width:98%;}   
}

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

@media only screen and (min-width:1024px){
    .size-1 {width:31.3%;min-height:1050px;} 
}

/*Avbryter float left */
section::after {
    content: "";
    clear: both;
    display: block;
}

body {
	font-family: Verdana, sans-serif; 
	font-size:14px;
}

img {
	width: 100%;
	height:auto;
}


header, nav, section, article, footer, aside {
	border:1px solid grey; 
	padding:8px;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}

nav {background:#DDD;}
nav ul {list-style-type:none; margin:0; padding:0;}
nav ul li {display:inline; margin:5px;}
nav a:link {
    text-decoration: none;
    color: #000;
}
nav a:visited {text-decoration: none; color: #000;}
nav a:hover {text-decoration: underline; background:#FFC; font-weight:bold;}
nav a:active {text-decoration: none; color: #000;}

header {background:darkgreen; color: white;}

footer {background:black; color: white;}

article, aside {
	background:#FAFAFA;	
}