body {
margin: 0 auto;
font: 300 1em/1.5 "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
background: #FFDA00 url('eld-och-lagor-stor.png') no-repeat top left;
}



img {
	max-width:100%;
}


.wrapper {
	overflow:hidden;
	height:100%;
}

.header {
	width:100%;
	margin:0;
	padding:0;
	
	}

.header .inner {
//	padding:20px;
	padding-top:35px;
	text-align:center;
	}
	
	
.main-nav {
	width:100%;
	display:block;
	background:#069;
	text-align:center;
	font-size:15px;
	}

.main-nav ul {
	list-style:none;
    display: inline-block;
}

.main-nav li {
	padding:10px;
	border-right:1px solid #000;
	}



.menu li {
	float:left;
	}





.sidebar {
	width:35%;
	float:right;
	}

.sidebar .inner {
	margin:20px 20px;
	padding:20px;
	background:#09F;
	}


.main-content {
	width:65%;
	float:left;
	margin:0;
	padding:0;
	}

.main-content .inner {
	padding:20px;
	background:#123;
}










/* If the viewport width <= 1000 pixels ... */
 
@media screen and (max-width: 1000px) {
 
  /* Make the main content a bit wider */
 

 
}



/* If the viewport width <= 700 pixels ... */
 
@media screen and (max-width: 700px) {
 
  /* Make the main content fill the viewport width */




 
 
}


/* If the viewport width <= 480 pixels ... */
 
@media screen and (max-width: 480px) {
 

body { margin:0px;}


.main-content {
	width:100%;
	}
	
	
.sidebar {
	clear:both;
	width:100%;
	}
	
.sidebar .inner {

	}

.main-nav li {
	margin-top:50px;
	border-right:1px solid #000;
	}


}
	

}