@charset "utf-8";

.img_container{
	width: 90%;
	margin:0 auto;
}
h1, .img_container{
	margin-top: 2%;
	color: #4D4848;
}
.imageholder_1{
	display: inline-block;
	float: left;
	margin: 1% 0 2% 6%;
}
.imageholder_3{
	display: inline-block;
	float: left;
	margin: 1% 0 2% 4%;
}
.tekst{
	display: inline-block;
	float:right;
	max-width: 60%;
	margin: 2% 3% 2% 3%;
	text-align: justify;
	font-size: 1.2em;
}

@media screen and (max-width: 1200px) {
.tekst{
	display: inline-block;
	max-width: 55%;
	margin: 2% 2% 3% 0.5%;
	text-align: justify;
	font-size: 1.1em;
}
.imageholder_1{
	margin: 1% 0 2% 6%;
}
.imageholder_3{
	margin: 1% 0 2% 4%;
}
}
@media screen and (max-width: 840px) {
.tekst{
	display: inline-block;
	max-width: 50%;
	margin: 20px 2% 3% 1%;
	text-align: justify;
	font-size: 1.0em;
}
.imageholder_1{
	margin: 20px 0 2% 2%;
}
.imageholder_3{
	margin: 20px 0 2% 2%;
}
}
@media screen and (max-width: 680px) {
.tekst{
	display: inline-block;
	max-width: 100%;
	margin: 2.5% 2% 3% 1%;
	text-align: justify;
	font-size: 1em;
}
.imageholder_1{
	margin: 3% 0 2% 20%;
}
.imageholder_3{
	float: right;
	margin: 3% 20% 2% 3%;
}
}

@media screen and (max-width: 500px) {
.tekst{
	display: inline-block;
	max-width: 100%;
	margin: 2.5% 1% 3% 1%;
	text-align: justify;
	font-size: 1em;
}
.imageholder_1{
	display: none;
	
}
.imageholder_3{
	display: none;
}
}