#navbar 
	{
	  overflow: hidden;
	  background-color: #333333;
	  font-family: Arial;
	  height: 90px;
	  text-transform: uppercase;
	}

#navbar a
	{
	  display: inline-block;
	  background-color: #333333;
	  padding-top: 10px;
	  width: 14%;
	  font-size: medium;
	  height: 45px;
	  color: white;
	  text-align: center;
	  cursor: pointer;
	  text-decoration: none;
	  margin-top: 3px;
	}

@media screen and (max-width: 1100px)
	{
		#navbar a
		{
			font-size: small;
		}
	}

@media screen and (max-width: 900px)
	{
		#navbar a
		{
			font-size: x-small;
		}
	}
	
#navbar a:hover
	{
	  background-color: #666666;
	  border-left: 3px solid #FFCC00;
	  border-right: 3px solid #FFCC00;
	}

.nav
	{
	  background-color: #333333;
	}

.nav button
	{
	  display: inline-block;
	  background-color: #333333;
	  color: white;
	  padding-top: 10px;
	  width: 24%;
	  height: 45px;
	  font-size: medium;
	  border: none;
	  outline: none;
	  text-align: center;
	  cursor: pointer;
	}
	
@media screen and (max-width: 1100px)
	{
		.nav button
		{
			font-size: small;
		}
	}

@media screen and (max-width: 900px)
	{
		.nav button
		{
			font-size: x-small;
		}
	}

.nav button:hover
	{
	  background-color: #666666;
	  border-left: 3px solid #FFCC00;
	  border-right: 3px solid #FFCC00;
	}

.nav button.active
	{
	  background-color: #666666;
	  border-left: 3px solid #FFCC00;
	  border-right: 3px solid #FFCC00;
	}
	
.navcontent
	{
		 background-color: #333333;
		 width: 100%;
		 border-left: none;
		 display: none;
	}