@import url(https://fonts.googleapis.com/css?family=Lora);
body {margin:0;}
h2 {
  font-family: Russo One;
  color: #606060;
}
nav {
	width: 100%;
	margin: 0 auto 0px 0;
	font-family: Russo One;
}

ul {
	list-style: none; 
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.topmenu > li {
	display: inline-block;
	margin-right: 0px;
	position: relative;
}

.topmenu > li:last-child {
	margin-right: 0;
}

.topmenu a {
  display: block;
  padding: 9px 15px;
  text-decoration: none;
  outline: none;
  font-family: Russo One;
  font-family: 'Lora', serif;
  transition: .5s linear;
}
.fa {
  font-family: "FontAwesome";
  color: inherit;
  padding-left: 6px;
}
.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 9999999999999;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.four ul {
	background: #000;
}

.four .submenu {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	background: #000;
	border: 1px solid #444;
	min-width: 280px;
	z-index: 99999999;
}
.four ul li:hover .submenu {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
.four ul a {
	color: #fff;
}
.five ul {
	background: #red;
}

.five ul a {
	color: #fff;
}

.five .submenu {
	background: #888;
}

.submenu li a {
	border-bottom: 1px solid rgba(255,255,255,.3);
	color: #fff;
}

.frontmenu > li {
	display: inline-block;
	margin-right: 0px;
	position: relative;
}

.frontmenu > li:last-child {
	margin-right: 0;
}

.frontmenu a {
	display: block;
	padding: 9px 15px;
	text-decoration: none;
	outline: none;
	font-family: Russo One;
	font-family: 'Lora', serif;
	transition: .5s linear;
}

.fourmain ul {
	background: #333;
}

.fourmain .submenu {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	background: #000;
	border: 1px solid #444;
	min-width: 280px;
	z-index: 99999999;
}
.fourmain ul li:hover .submenu {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
.fourmain ul a {
	color: #fff;
}
.fivemain ul {
	background: #red;
}

.fivemain ul a {
	color: #fff;
}

.fivemain .submenu {
	background: #888;
}



@media (max-width: 768px) {
	.topmenu a {
		padding: 15px 5px;
	}

}