@media screen and (min-width: 1920px) {
	
	header{
		background-size: 100%;
		}

}


@media screen and (max-width: 1300px) {
	
	




}




@media screen and (max-width: 1200px) {
	
	header{
		height:300px;
		background-size:cover;
		}
		
	header .wrap .navigator .button{
		display:inline-block;
		width:300px;
		margin:100px 30px 30px 30px;
		border:2px #fff solid;
		border-radius: 8px;
		padding:30px;
		font-size:30px;
		text-shadow:1px 1px 1px #000;
		box-shadow:0 0 5px #000;
		}
		
	header .wrap .navigator .button.sub{
		margin:23px 30px 30px 30px;
		}

		
		
	.top .wrap nav{
		display:none;
		}
		
	.mobilmenu{
		display:block;
		}
}







@media screen and (max-width: 900px) {

	
			
	section.start .wrap .item{

		width: -moz-calc(25% - 40px);
	    width: -webkit-calc(25% - 40px);
	    width: calc(50% - 40px);
		}

	header .wrap .navigator .button{
		display:inline-block;
		width:250px;
		margin:100px 20px 20px 20px;
		border:2px #fff solid;
		border-radius: 8px;
		padding:15px;
		font-size:25px;
		text-shadow:1px 1px 1px #000;
		box-shadow:0 0 5px #000;
		}	
		
	header .wrap .navigator .button.sub{
		margin:50px 20px 20px 20px;
	}
}



@media screen and (max-width: 850px) {
	
	header .wrap .navigator .button{
		display:inline-block;
		width:200px;
		margin:100px 10px 10px 10px;
		border:2px #fff solid;
		border-radius: 8px;
		padding:10px;
		font-size:25px;
		text-shadow:1px 1px 1px #000;
		box-shadow:0 0 5px #000;
		}	
		
	header .wrap .navigator .button.sub{
		margin:50px 30px 30px 30px;
	}
	
	img{
		float:none !important;
		
		}

	

}


@media screen and (max-width: 740px) {
	
		 
	header{
		height:300px;
		}
		
	header .wrap .navigator .button.sub{
		margin:50px 10px 10px 10px;
	}
		
	header .wrap .big{
		font-size:40px;
		padding: 0 0 0 0;
		}
		
	

		
}

@media screen and (max-width: 600px) {
	
	
	header{
		height:200px;
		}
		
		
	header .wrap .navigator .button{
		display:inline-block;
		width:150px;
		margin:70px 10px 10px 10px;
		border:2px #fff solid;
		border-radius: 8px;
		padding:10px;
		font-size:17px;
		text-shadow:1px 1px 1px #000;
		box-shadow:0 0 5px #000;
		}
		

		
	section.news .wrap .item{
		display:block;
		width:100%;
	    margin:10px;
		}
	section.news .wrap .item .image{
		height:200px;
		}
		
	section .wrap .image{
		display:block;
		float:none;
		padding:20px 0 0 0;
		width: 100%;
		}
	section .wrap .text{
		display:block;
		float:none;
		padding:0 0 20px 0;
		width: 100%;
		}

		
			
	section.start .wrap .item{
		display:block;
		float:none;
		padding:20px 0 20px 0;
		width:100%
		}
		
	section.start .wrap .item .content,section.start .wrap .item .newsContent{
		height:auto;
		}
}


@media screen and (max-width: 500px) {
	
	h1{
		font-size:30px;
		}
	h2{
		font-size:20px;
		}
	h3{
		font-size:16px;
		}
		
	h4{
		font-size:14px;
		}

	header.sub{
		padding:0 0 0 0;
		height:130px;
		}
		
	header .wrap .navigator .button{
		display:inline-block;
		width:120px;
		margin:70px 10px 10px 10px;
		border:2px #fff solid;
		border-radius: 8px;
		padding:5px;
		font-size:13px;
		text-shadow:1px 1px 1px #000;
		box-shadow:0 0 5px #000;
		}
		
	header .wrap .navigator .button.sub{
		margin:50px 10px 10px 10px;
	}
		
	.top .wrap .logo{
		display:inline-block;
		width:200px;
		padding:10px 0 10px 0;
		}
		
	.mobilmenu{
		top:26px;
		right:20px;
		}
	
section.kusthandlarna{
	text-align:right;
	padding:10px 0 10px 0;
	height:70px;
	}
			
	header .wrap .big{
		font-size:30px;
		padding: 0 0 0 0;
		}
		
		
	.Up{
		bottom:10px;
		right:10px;

		}


}

@media screen and (max-width: 300px) {
	
	
	

	.top .wrap .logo{
		display:inline-block;
		width:150px;
		padding:10px 0 10px 0;
		}
		
	.mobilmenu{
		top:20px;
		right:20px;
		}

		
		
}


@-ms-viewport {
  width: device-width;
}