@charset "UTF-8";
* {
	box-sizing: border-box;
}
footer, header, main, nav, section {
	display: block;
}
/*body start*/
body {
	width: 100%;
	position: absolute;
	min-width: 320px;
background-color: rgb(220,202,152,0.75);
}
header {
	margin: 0 auto;
	width: 6em;
	padding-top: 2em;
	padding-bottom: 2em;
}
header img {
	width: 10em;

}
nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
nav li {
	display: block;
	padding-top: 2em;
	padding-bottom: 2em;
}

a {

	text-decoration: none;
	color: rgba(0,0,0,1.00);
	margin: 0;
	font-size: 1em;

}
nav li:hover {
	background-color: rgb(220,202,152,0.40);

}

p {
	font-size: 1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	max-width:950px;
}
#back {
	margin-top: 1em;
	height: 2em;
	width: 5em;
	opacity: 0.6;
}
#logo {
	float: right;
	margin-right: 1em;
	height: 5em;
	width: 5em;
}
main {
	margin: 0 auto;
	width: 90%;
}
#language {
	width: 100%;
}
#language a {
	font-family: "germania-one", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 2em;
	text-align: center;
	opacity: 0.75;
}
h1 {
	color: #01341A;
	font-size: 3em;
	font-family: "germania-one";
	font-style: normal;
	font-weight: 400;
	margin-top:1em;
}
h2 {
	font-size: 1.3em;
	padding-right: 0;
}
img {
	max-width: 100%;
	height: auto;
}
hr {
	border-color: #106332;
	border-style: solid;
}
br{
	display:none;
}
fieldset {
	border: none;
}
iframe{
	width:80%;
}
label {
	display: block;
}
select, input {
	font-size: .7em;
	width: 15em;
	margin-bottom: 1em;
}
footer {
	height: 4em;
	clear: both;
	position: relative;
	bottom: -1em;
	left: -1em;
	margin-right: -1em;
}
footer img {
	height: 2em;
	padding-left: 1em;
	margin-top: 1em;
}
footer a{
	float: right;
	padding-right:0.5em;
}

/* tablet  */

@media only screen and (min-width: 768px) {
	header,header img{
		width:15em;
	}
	p{
		font-size: 1.5em;
	}
	h1{
		font-size: 4.5em;
		margin-top:1em;
	}

	h2{
		font-size: 2em;
	}
	#language a{
		font-size: 3em;
	}
	#logo{
		width:10em;
		height:10em;
		margin-right:2.5em;
		margin-top:1em;

	}
	#back{
		margin-top: 4em;
		margin-left:2em;
	height: 3em;
	width: 7em;

	}
	#about img{
		width: 30%;
		padding-right: 1%;
	}
	.dd{
	float: left;
	width: 48%;
	}
	.dd hr{
		border: none;
	}

	footer{
		height: 6em;
	}
	footer img{
		height:3em;
		margin-top: 1.5em;
		padding-left: 1.5em;
	}
	footer a{
		padding-right:2em;
	}
}

/*desktop */

@media only screen and (min-width: 801px) {

	#logo{
		margin-right:4em;
	}
#back{
	margin-top: 2em;
}
h1{
	margin-top: 0.5em;
}
	.l-col{
		width: 45%;
		/* height: 48em; */
		float:left;
		margin-right:2em;

	}
	article:nth-child(3){
		height:43em;

	}
	article:nth-child(5){
		height:34em;
padding-top:4em;
	}
	hr{
		border:none;
	}
	br{
		display:block;
	}
	.events-img,.events{
		float:left;
		margin-bottom:2em;
	}
	.events-img{
		width:35%;
	}
	.events{
		width:60%;
		margin-left:5%;
		height:17em;
	}
	.send{
		position:absolute;
		bottom:10%;
	}

	#gallery img{
		width:30%;
	}

	footer a {
		padding-right:3.5em;
	}
}

@media only screen and (min-width: 1440px){
	#logo{
		width:13em;
		height:13em;
	}


	p{
		font-size:1.5em;
		max-width:2000px;
	}
	h1{
		font-size:6em;
	}
	h2{
		font-size:2em;
	}
	.left,.right{
		width:45%;
		float:left;
	}
	#about p{
		width:40%;
		float: left;
	}
	#about img{
		width:19%;
		float:right;
		margin-left:1%;
	}
.events{
	margin-top: 0;
}
	.l-col{
		margin-bottom:3em;
	}
	.send{
		bottom:14%;
	}
	footer img{
		height:2.5em;
		margin-top:.75em;
	}
	footer{
		height:4em;
	}
}
@media only screen and (min-width: 2560px){
body{
	background-size: 2560px;
}
}