* {box-sizing: border-box;}
	html {background: url(../images/background.jpg) no-repeat center center fixed; background-size: cover;}
	body {max-width: 1200px; margin: auto; position: relative; padding: 0 1em ;}
	header {position: relative; margin-top: 150px; margin-bottom: 2em;}
	#menu {color: white; font-size: 1.5em; padding: .25em .25em .25em 15em; background-color: rgba(85,107,47, 0.8); width: 100%; top: 150px; z-index: 1; border-radius: 1em;}
	#menu > ul {list-style-type: none; width: 100%; display: flex; -webkit-padding-start: 0; }
	#menu > ul > li {flex: 1; text-align: center; text-transform: uppercase; cursor: pointer;}
	#menu > ul > li > a {color: white; text-decoration: none;}
	
	#logo {position: absolute; top: -150px; left: -90px; transform: rotate(-15deg); z-index: 2;}
	
	
	
	p {font-size: 1.3em;}
	
.content {
	width: 100%; 
	border-radius: 1em; 
	background-color: rgba(1, 1, 1, 0.7); 
	overflow: auto; 
	color: white; 
	margin-bottom: 2em;
	display: flex;
}

.content > div {
	padding: 1em;
	flex: 1;
}

.content > div > img {
	max-width: 100%;
}


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


	@media (max-width: 800px) {
		header {margin-top: 0px; margin-bottom: 1em;}
		#menu {padding: .5em 0; font-size: 1em;}
		#logo {position: relative; transform: rotate(0deg); top:0; left: -10%; margin: auto; width: 120%;}
		
		.content {
			display: block;
}

}