body{
	background: grey;
}
nav, main, footer{
	max-width:80em;
	margin:auto;
	overflow-x: auto;
}
@media (min-width: 501px) {
/*Navbar*/
.navbar-header{
	display: inline-block;
	vertical-align: middle;
}
.navbar-nav{
list-style: none;
margin: 0;
	padding:0;
}
.navbar-nav > li {
	display: inline-block;
}
/*Dropdown*/
.navbar-nav > li > ul {
	list-style-type: disc;
	display:none;
}
.navbar-nav > li:hover > ul {
  display: block;
  position: absolute;
  !background: lightgray;
  background-image:linear-gradient(to right,#bebebe,#e6e6e6,#ffe6e6,#ffaaaa,#ff6464,#ff0000);
}

.navbar-nav> li > ul > li {
  position: relative;
}
}
@media (max-width: 600px) {
.navbar-header {
	display:none;
}}
@media (max-width: 500px) {
nav, main, footer{
	max-width:100%;
}
.navbar-nav > li {
	display: block;
}
}