@media only screen and (min-width:51em) {
	#navbar ul li:hover ul{
		display:block;
	}
	#drop1 ~ ul > .overview{
		display:none;
	}
	#drop2 ~ ul > .overview{
		display:none;
	}
	#drop3 ~ ul > .overview{
		display:none;
	}
	#drop4 ~ ul > .overview{
		display:none;
	}
	#drop5 ~ ul > .overview{
		display:none;
	}
	#drop6 ~ ul > .overview{
		display:none;
	}
}
@media only screen and (max-width:50em) {
	html{
		background-image:none;
		background-color:#282828;
	}
	body{
		width:100%;
		grid-gap:0;
	}
	#header{
		grid-template-columns: 1fr;
		top:-24em;
	}
	#logo img{
	width:5em;
	height:5em;
	padding-bottom:1em;
	}
	#logo{
		width:100%;
		padding-top:1em;
		padding-bottom:1em;
	}
	#menubutton{
		margin-right:0.75em;
	}
	#navbar {
		border-bottom: 1px #535353 solid;
	}
	#navbar ul li{
		position:static;
		float:none;
	}
	#navbar ul li ul{
		position:static;
	}
	#navbar a{
		padding:1em 2em;
		border-top:1px #535353 solid;
	}
	.menu{
		display:none;
	}
	.toggle{
		padding:1em 2em;
		border-top:1px #535353 solid;
		display:block;
		background-color:#fff;
		color:#535353;
		text-decoration:none;
		cursor:pointer;
		transition: background-color ease 0.8s;
		-webkit-transition:background-color ease 0.8s;
		font-weight:bold;
	}
	.toggle:hover{
		background-color:#535353;
		color:#8eec41;
	}
	#drop{
		font-size:1.3em;
	}
	#drop:checked ~ .menu{
		display:block;
	}
	#drop1:checked ~ ul{
		display:block;
	}
	#drop2:checked ~ ul{
		display:block;
	}
	#drop3:checked ~ ul{
		display:block;
	}
	#drop4:checked ~ ul{
		display:block;
	}
	#drop5:checked ~ ul{
		display:block;
	}
	#drop6:checked ~ ul{
		display:block;
	}
	#drop1 + a{
		display:none;
	}
	#drop2 + a{
		display:none;
	}
	#drop3 + a{
		display:none;
	}
	#drop4 + a{
		display:none;
	}
	#drop5 + a{
		display:none;
	}
	#drop6 + a{
		display:none;
	}
	#drop1 ~ ul > .overview{
		color:#fff;
		background-color:#535353;
	}
	#drop2 ~ ul > .overview{
		color:#fff;
		background-color:#535353;
	}
	#drop3 ~ ul > .overview{
		color:#fff;
		background-color:#535353;
	}
	#drop4 ~ ul > .overview{
		color:#fff;
		background-color:#535353;
	}
	#drop5 ~ ul > .overview{
		color:#fff;
		background-color:#535353;
	}
	#drop6 ~ ul > .overview{
		color:#fff;
		background-color:#535353;
	}
	#home-body{
		grid-template-columns:1fr;
		grid-gap:0;
	}
	#home-content{
		grid-gap:0;
	}
}