#wrapper
{
	width: 100%;
	height: 100%;
	margin:auto;
	background-image:url("back.jpg");
	background-repeat: no-repeat;
}

#header
{
	width: 79.5%;
	height: 130px;
	margin:auto;
	box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.2);
	background: rgba(0, 0, 0, 0.3) url("header.png"); 
}

#menu
{
	width: 60%;
	height: 20%;
	position: absolute;
	margin-top:15px;
	margin-left:380px;
	z-index: 1;
}

#menu-container
{
 -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */
  transform: scale(1) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */
  left: 50%;
  position: absolute;
  width: 1920px;
  height: 1080px;
  border-width: 24px 24px 80px;
}

#navigation ul

{
	list-style-type: none;
	margin:0;
	padding:0;
}

#navigation ul li

{	
	position:relative;
	float: left;
	border-right: 0px solid grey;
	width:130px;
}

#navigation ul a
{
	display: block;
	text-decoration: none;
	color: white;
	text-align: center;
	padding: 14px 12px;
	font-size: 20px;
	
}


/* Style the links inside the navigation bar */
.topnav {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    border-bottom: 1px solid transparent;

}

.topnav a:hover {
    border-bottom: 3px solid red;
}

.topnav a.active {
    border-bottom: 3px solid red;
}
#navigation ul li a:hover
{
	background-color: none;
	color: white;
}

#navigation ul ul
{
	display: none;
	position: absolute;
	background-color: greenlight;
}

#navigation ul ul li
{
	width: 130px;
}

#navigation ul ul a
{
	padding: 10px 15px;
}
#navigation ul li:hover> ul
{
	background-color: black;
	display: block;
}
#content{
	width: 79.5%;
	height: 79%;
	background: rgba(0, 0, 0, 0.2);
	margin: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color:white;
	justify-content: center;
	align-items: center;
}

#footer{
	width: 79.5%;
	height: 86px;
	color: white;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
}