#menu-container
{
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scale(1) translate(-50%);
	transform:scale(1) translate(-50%);
	left:50%;
	position:absolute;
	width:1920px;
	height:1080px;
	border-width:24px 24px 80px;
}
#wrapper
{
	width:100%;
	height:100%;
	margin:auto;
	background-color:white;
	
}
#header
{
	width:98%;
	height:12%;
	margin:auto;
	background-color:#0004;
	background-image:url("logo3.png");
	background-repeat:no-repeat;
	
	

	
	

}
#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;
}
#content
{
	width:98%;
	height:75%;
	margin:auto;
	background-color:white;
	align-items:center;
	
	top:10%;
	
}
#footer
{
	width:98%;
	height:10%;
	background-color:#0004;
	margin:auto;
	color:black;
	display:flex;
	text-align:center;
	align-items:center;
	margin-top:5.5%;
	
	
}

ul 
{
	float:right;
	margin:0;
	padding:0;
	display:flex;
	align-items:right;
	
}
ul li
{
	list-style:none;
	float:right;
	padding:10px;
	position:relative;
	
	
	
}
ul li a
{
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	color:black;
	text-align:center;
	line-height:150px;
	
	
}
ul li a:hover
{
	color:#blue;

}
ul li a span:first-child:before
{
	content: '';
	position:absolute;
	top:65;
	left:2;
	width:6px;
	height:6px;
	background:transparent;
	border-top:2px solid #ff0;
	border-left:2px solid #ff0;
	transition: .2s;
	opacity:0;
}

ul li a span:first-child:after
{
	content: '';
	position:absolute;
	top:65;
	right:2;
	width:6px;
	height:6px;
	background:transparent;
	border-top:2px solid #ff0;
	border-right:2px solid #ff0;
	transition: .2s;
	opacity:0;
}
ul li a span:last-child:before
{
	content: '';
	position:absolute;
	bottom:65;
	left:2;
	width:6px;
	height:30px;
	background:transparent;
	border-bottom:2px solid #ff0;
	border-left:2px solid #ff0;
	transition: .2s;
	opacity:0;
}

ul li a span:last-child:after
{
	content: '';
	position:absolute;
	bottom:65;
	right:2;
	width:6px;
	height:30px;
	background:transparent;
	border-bottom:2px solid #ff0;
	border-right:2px solid #ff0;
	transition: .2s;
	opacity:0;
}
ul li a:hover span:first-child:before
{
	top: -0x;
	right:-0px;
	opacity:1;
}
ul li a:hover span:first-child:after
{
	top: -0x;
	right:-0px;
	opacity:1;
}
ul li a:hover span:last-child:before
{
	bottom: -0x;
	right:-0px;
	opacity:1;
}
ul li a:hover span:last-child:after
{
	bottom: -0x;
	right:-0px;
	opacity:1;
}
#headerSlideContainer {
	position: fixed;
	top:-50px;
	width: 100%;
	background: black;
}
#headerSlideContent {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	color: white;
}