@charset "utf-8";
/* CSS Document */

* {
	transition: 0.5 s;
	font-family: Tahoma, Arial;
}
nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFFFFF;
	color: #2F490C;
	height: 8vh;
	padding-right: 15px;
	padding-left: 15px;
}
a:hover {
	font-family: "Trebuchet MS", Tahoma, Arial;
	color: #94A55A;
	text-decoration: none;
}
nav .links {
  display: flex;
}
.links p {
  padding: 10px;
}
#mobile-menu-btn {
  display: none;
}
.mobile-menu {
	color: #EEEEEE;
	display: none;
	position: absolute;
	height: 60vh;
	width: 100%;
	background-color: #EEEEEE;
}

@media (max-width: 600px) {
  #mobile-menu-btn {
    display: block;
  }
  nav {
  background-color:#EEEEEE
  }
  nav p {
    display: none;
  }
  .mobile-menu {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
}