body {
	background-color: black;
	font-family:Agency FB;
}
li a:hover {
	color: gray;
	background-color: 000;
}
li {
	display: inline;
	font-size: 2vw;
	text-decoration: none;
	color:black;
	font-family:arial;
	margin:0.5% 1%;
}
a {
	display: inline;
	padding: 2% 2%;
	border: 1%; 
	background-color: white;
	font-family: arial;
	font-size: 2vw; 
    text-decoration: none;	
	}
ul {
	padding: 1% 0% 1%;
	background-color: white;
	border: 1% gray;
}



li a, .dropbtn {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 0.1% 2%;
    text-decoration: none;
}

li .dropdown:hover .dropbtn {
    background-color: black;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: left;
	margin:3% 10%;
	
}

.dropdown-content a:hover {background-color: black}

.dropdown:hover .dropdown-content {
    display: block;
}
h1 {
color:white;
font-size:2vw;	
}
.drone {
	position: absolute; left: 2%;
}
h5 {
	color:white;
}
.color {
	color:white;
	position:absolute; top:60%;
}
p{
text-align: center;
}
#vid {
position:absolute; left: 28%; top: 120%;
}

.img {
	width:20%;
}
h3 {
    position: absolute; top:64%; left:44%;
	color:white;
    font-size:2vw;
}
h4{
	position: absolute; left: 35%; top:71%;
	color: white;
	font-size:1vw;
	text-align:center;
}
h5{
	position: absolute; left: 41%; top:79%;
	color: white;
	text-align:center;
	font-size:1.3vw;
}
h6{
	position: absolute; top:95%; left: 34%;
	color: white;
	font-size:1vw;
	text-align:center
}

p{
	position:absolute; left: 44%; top:85%;
	color: white;
	font-size:1.2vw;
}
#logo {
	position:absolute; right:0%; top:3.8%;
}