html, body, h1, h2, hgroup{
	margin: 0;
	padding: 0;
}
html, body{
	height:100%;
}
body{
	border: 0px solid black;
	background-color: #2E2B36;
}

div{
	border: 0px solid black;
	border-collapse: collapse;
}
#main{
	margin: 0 auto;
	text-align: center;
	
}

#header{
	text-align: right;
	background-color: #2c3e50;
	padding: 2em;
	background-image: url("../img/bckgrnd.png");
	background-repeat: no-repeat;
	border: 4px solid #CF813E;
	border-radius: 10px;
	margin: 1em;
}

#content{
	display: block;
	vertical-align: top;
	width: auto;
	max-width: 1200px;
	/* margin-left: 1cm;
	margin-right: 1cm;
	padding: 2em;  */
	margin: 1em;
	background-color: rgba(168,145,109,1);
	border-radius: 10px;
	border: 4px solid #CF813E;
	margin-left: auto;
	margin-right: auto;
}


ul{
	padding-left: 0;
	list-style: none;
}
ul p{
	font-size: 1.2em;
	color: white;
}

@media screen and (min-width: 651px){ /* DESKTOP */
	#menu_btn{
		display: none;
	}
}

@media screen and (max-width: 650px){ /* MOBILE */
	div#menu_desktop{
		display: none;
	}
	#header{
		margin: 0;
		border-radius: 0;
		border: none;
		background-image: url("../img/bckgrnd_mobile.png");
		border-bottom: 6px solid #CF813E;
	}
	#content{
		/* padding: 0.5em; */
		margin: 0;
		border-radius: 0;
		background-color: rgba(168,145,109,1);
		border: 0;
	}
	
	
	
}