#header {
	margin-left:20%;
	width:100%;
	background-color:black;
	height:20%;
	}
			
ul, ol {
	list-style:none;
}
			
.nav > li {
	float:left;
}
			
.nav li a {
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:10px 12px;
	display:block;
}
			
.nav li a:hover {
	background-color:#434343;
}
			
.nav li ul {
	display:none;
	position:absolute;
	min-width:140px;
}
			
.nav li:hover > ul {
	display:block;
}
			
.nav li ul li {
	position:relative;
}
			
.nav li ul li ul {
	right:-140px;
	top:0px;
}


@media all and (max-width:640px){ 
	body{
		flex-direction:column;
		-webkit-flex-direction:column;
		-o-flex-direction:column;
	}
	body { 
		order:0;
		-webkit-order:0;
		-o-order:0;
	}
	body{
		min-height:50px;
		max-height:50px;
	}
}

body {
	background-image: url(../img/bgarticle.png); 
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color:black;
	margin:0px;
}

p {
	font-size:80px;
	color:white;
	letter-spacing:5px;
}