html{
	-webkit-text-size-adjust: none;
}




/* Mellan-versionen, mellan max och mobil */
@media only screen and (max-width: 1000px){

	/* Allmänt */
	img{
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
		vertical-align: bottom;
	}

	.bararesp{
		display:block;
	}
		
	
	div.container{
		padding:0px 0px 0px 0px;
		width:100%;
		margin:0 auto;
		padding-top:22%;
	}

	div.logo{
		position:absolute;
		width:57%;
		height:auto;
		margin-top:-23%;
		margin-left:-17%;
	}

	div.main{
		background-color: #fff;
		width: 100%;
		height: auto;
	}

	div.tre-bilder{
		float:left;
		width:13%;
		height:auto;
		padding-top:5%;
		padding-left:8%;
	}
	div.text{
		float:right;
		width:37%;
		height:auto;
		padding-top:13%;
		padding-left:12%;
	}
	div.logo-2{
		float:right;
		width:29%;
		height:auto;
		padding-top:1px;
		padding-left:1%;
	}





	div.text-2{
		float:left;
		width:53%;
		height:auto;
		padding-top:4%;
		padding-bottom:2%;
		padding-left:3%;
		font-size: 15px;
	}

	div.nar-viljan{
		float:right;
		width:43%;
		height:auto;
		padding-top:0px;
		margin-top:1%;
	}
	div.nar-viljan img{
		width:43%;
	}
	

}

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

	div.text-2{
		float:left;
		width:60%;
		height:auto;
		padding-top:4%;
		padding-bottom:2%;
		padding-left:3%;
		font-size: 15px;
	}

	div.nar-viljan{
		float:right;
		width:36%;
		height:auto;
		padding-top:0px;
		margin-top:2%;
	}
	div.nar-viljan img{
		width:36%;
	}

}

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

	div.text-2{
		float:left;
		width:67%;
		height:auto;
		padding-top:4%;
		padding-bottom:2%;
		padding-left:3%;
		font-size: 13px;
	}

	div.nar-viljan{
		float:right;
		width:29%;
		height:auto;
		padding-top:0px;
		margin-top:4%;
	}
	div.nar-viljan img{
		width:29%;
	}

}

/* Minsta versionen, för mobiler */
@media only screen and (max-width: 600px){

	/* Allmänt */
	img{
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	.doljmobil{
		display:none;
	}
	.visabaramobil{
		display:block;
	}

	div.logo{
		display:none;
	}

	div.container{
		padding:0px 0px 0px 0px;
		width:100%;
		margin:0 auto;
		padding-top:0%;
	}

	div.main{
		background-color: #fff;
		width: 100%;
		height: auto;
	}

	div.tre-bilder{
		float:none;
		width:90%;
		height:auto;
		padding-top:5%;
		padding-left:5%;
		text-align: center;
	}
	div.text{
		float:none;
		width:90%;
		height:auto;
		padding-top:5%;
		padding-left:5%;
	}
	div.logo-2{
		float:none;
		width:90%;
		height:auto;
		padding-top:1%;
		padding-left:5%;
		text-align: center;
	}

	div.text-2{
		float:none;
		width:90%;
		height:auto;
		padding-top:5%;
		padding-bottom:5%;
		padding-left:5%;
		font-size: 15px;
	}

	div.nar-viljan{
		display:none;
	}
	div.nar-viljan img{

	}
	
}