html
{
    	background : black; } 
body
{
    	width : 100%;
    	margin : 0px; padding :0px;
    	padding-top : 0px;
}
a
{
	text-decoration : none;
	color : black;
}

.navbar *
{
    	background : black;
	color : white;
	position : fixed;
	width : 100%;
	margin : 0px;
	z-index : 1;  
    	margin : 0px;
	text-decoration : none;
	height : 40px;
}

.navbar  div > *
{
	width : 150px;
}

.navbar  div  :hover 
{
	width : 150px;
	background-color : white;
	color : black;
}

#home 
{
	width : 150px;
	border-left:1px solid white;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#contact 
{
	width : 150px;
	margin-left : 150px;
	border-top:1px solid white;
	border-bottom:1px solid white;
}
#placeholder
{
	width : calc(100% - 301px);
	background : black;
	height : 40px;
	margin-left : 300px; 
	margin-right : 1px; 
	border-top:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

.page 
{
    	margin-top : 40px;
    	margin-left : 1%;
	position : absolute;
	width : 99%;
	height : calc(100% - 40px);
	color : white;
	background : black;
}
.page a
{
	color : white;
	background : black;
}

.project
{
	color : white;
	margin-left : 0%;
	margin-top : 40px;
	/*border	: 1px solid  white;*/
	width : 99%;
	height : 100%;
	background : black;
}

.project h1
{
	text-align: center;
}


.caption
{
	text-align: center;
}

.project img
{
	width 	: 50%;
	height 	: auto;
	margin-left : 25%;
	margin-right : 25%;
	margin-top : 0px;
	float: left;
	pointer-events:none;
}

.textbox
{
	width 	: 50%; 
	height 	: auto; 
	margin-left : 25%;
	margin-top : 0px;
}

.textbox img 
{
	width 	: 100%;
	height 	: auto;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0px;
	float: left;
}



#droneImg
{
	width 	: 25%;
	height 	: auto;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0px;
	float: left;

}

#droneText
{
	margin-left:30%;
}


#secondBlock
{
	width 	: 100%;
	height 	: auto;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0px;
	float: left;

}

#thirdBlock
{
	width 	: 100%;
	height 	: auto;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0px;
	float: left;
	margin-top : 10px;
	margin-left : 25%;

}

video 
{
	width 	: 50%;
	height 	: auto;
	margin-left : 25%;
	margin-right : 0%;
	margin-top : 0px;
	float: left;
}

#website
{
/*
	text-align: center;
*/
}
@media only screen and (max-width: 1150px) 
{
	.project img 
	{
		display: block;
		margin-left : 0%;
		width: 100%;
	}

	.project video 
	{
		display: block;
		margin-left : 0%;
		width: 100%;
	}

	.textbox
	{
		margin-left : 0%;
		width: 100%;
	}
	
}