@charset "utf-8";
/* CSS Document */
ul.topnav{
	list-style-type: none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#1d1d1d;
	border-top-style: solid;
	border-top-color:#434343;
	border-top-width: 1px;
}
ul.topnav li{float:left;width:25%;}

ul.topnav li a{
	display: inline-block;
	color:#f2f2f2;
	text-align: center;
	padding:10px 10px;
	text-decoration: none;
	transition: .3s;
	font-size: 20px;
	width:100%;
}
.myButton{
	background: #1D1D1D;
	
}
.myButton:hover, .active{
	background: #2E2E2E;
}

.myButton2{
	background: #9a0a0a;
	
}
.myButton2:hover, .active2{
	background: #369a00;
}

ul.topnav li.icon{display:none;}

@media screen and (max-width:680px){
	ul.topnav li:not(:first-child){display:none;}
	ul.topnav li.icon{
		float:right;
		display:inline-block;
	}
}
@media screen and (max-width:680px){
	ul.topnav.responsive{position: relative;}
	ul.topnav.responsive li.icon{
		position: absolute;
		right:0;
		top:0;
	}
	ul.topnav.responsive li{
		float:none;
		display:inline;
	}
	ul.topnav.responsive li a{
		display:block;
		text-align: left;
	}
}