*
{
margin:0;
padding: 0;
}

video{
display: block;
height: 400px;
margin: 0 auto;
}

iframe{
display: block;
height: 400px;
margin: 0 auto;
}

audio{
display: block;
margin: 0 auto;
}

body
{
font-family: Arial, sans-serif;
}

#div1{

width: 1300px;
display: block;
background-color: gray;
margin-left: 135px;
color: black;
left: 10%;
z-index: 50;

}


nav{
height: 100px;
margin: 10% 0;
width: 100%;
z-index: 100;
position: relative;
}
nav ul{
	list-style-type: none;
	z-index: 100;
}

nav ul li a
{

text-decoration: none;
display: block;
background-color: black;
color: purple;
font-size: 20px;
text-align: center;
line-height: 80px;
z-index: 100;
}
nav ul li a:hover
{
background-color: gray;
color: purple;
font-size: 25px;
border-radius: 10px;
position: relative;
box-sizing: border-box;
transition: all 800ms ease;
z-index: 100;
}


.nav
{

z-index: 100;
width: 100%;
position: absolute;
top: auto;
left: 0;
}


ul, ol 
{
list-style:none;
z-index: 100;
}
		
.nav > li 
{
float:left;
z-index: 100;
}
			
.nav li a 
{
text-decoration:none;
display:block;
width: 433.2px;
z-index: 100;
}
			
.nav li ul 
{

display:none;
z-index: 100;
min-width:140px;
}
			
.nav li:hover > ul 
{
display:block;
z-index: 100;
}