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

* {
    box-sizing: border-box;
}

/*För mobiler, size-1 används på första och kontakt-sidan,
 size-2 på produktsidan */
@media only screen and (min-width:1px){
    .size-1 {width:98%;}
    .size-2 {width:98%;}    
}

/* För Datorskärm , size-1 används på första och kontakt-sidan,
 size-2 på produktsidan*/
@media only screen and (min-width:550px){
    .size-1 {width:98%;}
    .size-2 {width:48%;}
}

/* För Datorskärm , size-1 används på första och kontakt-sidan,
 size-2 på produktsidan*/
@media only screen and (min-width:1000px){
    .size-1 {width:48%;}
    .size-2 {width:23%;}
}

#layout {
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto;
}

body {
	background-color:#EEE;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-top: 0;
}
h1{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:28px;
    font-weight:bold;
    color:#039;
	line-height:130%;
}
h2{
    font-family:Verdana;
    font-size:20px;
}
p {
	line-height:150%;
	
}
header {
	background-color:#039;
	padding:10px;
    border-bottom: medium solid #CCC;
}
nav {
    padding:10px;
    color:#039;
    font-weight:bold;
    background-color:#39F;
    border-bottom:medium solid #CCC;
}

/* Inställningar för hur länkarna ske se ut */
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #39F;
}

nav li {
  float: left;
}

nav li a {
  display: block;
  color: black;
  text-align: center;
  padding: 15px 20px;
  text-decoration: none;
}

nav li a:hover:not(.active) {
  background-color: #EEE;
}

/* En klass som gör aktiv länk grön */
.active {
  background-color: #039;
  color:#FFF;
}
section {
    background-color:#FFF;
    padding: 5px;
    box-sizing:border-box;
    float:left;
    margin-bottom:10px;
    width:100%;
}
article{
	float: left;
    padding: 10px;
	margin:1%;
	line-height:130%;	
}
footer {
    content:"";
    clear:both;	
	background-color:#000000;
	padding: 5px;
    color:#FFF;
	height:40px;		
}
footer p {
   margin:auto;
}
article img {
    width:100%;
    height:auto;
}