body{
	font-family: "orator-std",sans-serif;
	text-transform: uppercase;
	text-align: justify;
/* 	line-height: 2em; */
	margin: 0;
	padding: 0;
	letter-spacing: 0.01em;
}

p{
	margin: 0px 0px 1.1em 0px;
	padding: 0;
}

#lang-nav {
	display: none;
}

.content{
	max-width: 1800px;
	margin: 0 auto 1% auto;
	width: 90%;
	position:relative;
}

.slogan{
	width: 21.27%;
	position: absolute;
	bottom: 0;
	margin-left: 6.38%;
}

.slogan h1{
	font-size: 1.5em;
	color: #868889;
	text-align: left;
	margin: 0;
}

.slogan h2{
	color: #868889;
	font-size: 1.1em;
	text-align: left;
	margin: 0;
	padding: 0;
}
.mobileslogan {
	display: none;
}
.logo{
	width: 29.78%;
	margin: auto;
	margin-top: 2%;
}

.pic{
	width: 10%;
	position:absolute;
	right: 0;
	bottom: 0;		
}
.mobilepic{
	display: none;
}

.logo img, .pic img, .blume img {
	width: 100%;
}

.mainthird .sizer {
	padding: 6.8% 4.8%;
}

.columns{
	display: flex;
	float: left;
	width: 84.12%; 
}
.contentfirst, .contentsecond, .contentthird{
	width: 30.8%;
	margin-right: 2.5%;
	border: 1px #000 solid;
	float: left;
	box-sizing: border-box;
}

.contentfourth{
	width: 15.75%;
	margin: 0;	
	padding: 1.70% 1.27%;
	float: left;
	border: 1px #000 solid;
	box-sizing: border-box;
}

.blume{
	float: right;
	width: 12.46%;
	margin-right: -4%;
	margin-top: 5%;
}

.clear{
	clear: both;
}
.green{
	color: #9ec324 !important;
}
.contact{
	float: left;
	width: 100%;
	margin-top: 4%;
	
}



@media only screen and (max-width: 1200px) {
	
	#lang-nav {
		display: block;
		margin: 0 7.7% 0 0;
		float: right;
		border: 1px solid #000;
		border-bottom: none;
	}
	
	#lang-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#lang-nav ul:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#lang-nav ul li {
		display: block;
		float: left;
	}
	
	#lang-nav ul li a {
		display: block;
		padding: 5px 8px;
		border-right: 1px solid #000;
		color: #000;
		text-decoration: none;
	}
	
	#lang-nav ul li:last-child a {
		border-right: none;
	}
	
	#lang-nav ul li a.active,
	#lang-nav ul li a:hover {
		text-decoration: underline;
	}
	
	.mainthird {
		display: none;
	}
	
	.mainthird.vis {
		display: block;
	}
	
	.mainthird .sizer {
		padding: 2.70% 2.27%;
	}
	.columns{
		width: 94%;
		flex-wrap: wrap;
		float: none;
		margin: 0 auto;
	}
	.contentfirst, .contentsecond, .contentthird{
		width: 100%;
		margin: 0 auto 25px auto;
		float: none;
	}
	
	.contentfourth{
		width: 94%;
		margin: auto;	
		padding: 2.70% 2.27%;
		float: none;
	}
	
	.logo{
		width: 80%;
		margin: auto;
		margin-top: 2%;
	}
	
	.blume{
		float: none;
		width: 50%;
		margin: auto;
	}
	.contact{
		float: none;
		width: 90%;
		margin: auto;
	}
	.slogan, .pic{
		display: none;
	}
	
	.mobileslogan{
		width: 60%;
		position: absolute;
		bottom: 0;
		display: block;
	}
	
	.mobileslogan h1{
		font-size: 1.3em;
		color: #868889;
		text-align: left;
		margin: 0;
	}
	
	.mobileslogan h2{
		color: #868889;
		font-size: 0.9em;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	.mobilecontent{
		margin-top: 2%;
		margin-bottom: 5%;
		width: 84.6%;
	}
	.mobilepic{
		width: 40%;
		max-width: 350px;
		position:relative;
		float: right;;
		display: block;
	}
	
	.logo img, .mobilepic img, .blume img {
		width: 100%;
	}

	
}