p.events{
	color:#009900;
	font-style:bold;
	text-decoration: underline;
	display:inline;
}
div.header{
	float:left;
	width:100%;
	right:0;
	left:0;
	top:0;
	height:14vw;
	display:block;
}
img.logo{
    width:25vw;
    display:block;
    margin:auto;
}
img.headbg{
	width:100%;
	height:100%;
	opacity:0.78;
}
div.headerinfo{
	position: absolute;
	top: 0; right: 0; bottom: 10; left: 0;
	width:80%;
	margin: 0 auto;
	height:100%;
}
img.plane{
	float:left;
	width:40vw;
	height:10vw;
	margin:auto;
}
p.contact{
	font-family: 'Jockey One', sans-serif;
	font-style:bold;
	float:right;
	margin: auto;
	vertical-align: middle;
	color:white;
	font-size: 2.5vw;
	text-align:right;
	text-shadow: 3px 3px #404040;
}
body{
	margin:0 auto;
}
div.navigation{
	display:block;
	margin:auto;
	background:#d3d3d3;
	left:0;
	right:0;
	text-align: justify;
}
div.lock{
    position:fixed;
    top:0;
    width:100%;
    overflow:auto;
    height:28px;
}
div.lock p.navitem{
    transform: translateY(-40%);
}
div.lock div.spacer{
    transform: translateY(110%);
}
div.nav1, div.nav2, div.nav3, div.nav4, div.nav5, div.nav6, div.nav7{
    vertical-align:top;
    display: inline-block;
    *display: inline;
    height:23px;
}
span.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
div.body{
	margin-left:10vw;
	margin-right:10vw;
	margin-top:5vh;
	margin-bottom:35px;
	overflow:auto;
	width:80vw
}
div.size{
	margin-top:calc((14vw + 5vh) + 23px);
}
div.spacer{
	margin:auto;
	left:0;
	right:0;
	background:dimgrey;
	height:2px;
}
a{
	text-decoration:none;
	color:grey;
}
p{
	font-family: 'Raleway', sans-serif;
	color:black;
	font-size:20px;
}
p.title{
	font-family: 'Raleway', sans-serif;
	color:black;
	font-size:20px;
	text-align: center;
}
p.navitem{
	font-size:13px;
	color:#808080;
	margin-left:20px;
	margin-right:20px;
	text-align:center
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
p.selected{
	font-weight: 900;
}
div.nav2:hover, div.nav3:hover, div.nav4:hover, div.nav5:hover, div.nav6:hover{
	background: #F0F0F0;
}
p.footertext{
	margin-left:15px;
	font-size:14px;
	display: inline-block;
	transform: translateY(-5px);
}
img.twitter{
	margin:3px;
	margin-bottom:15px;
	display: inline-block;
	vertical-align: middle;
}
div.twitter:hover, div.projects:hover{
	background: #C0C0C0;
}
div.footer {
	position:fixed;
	right:0;
	left:0;
	bottom:0px;
	height:35px;
	border:1px solid darkgrey;
    text-align:left;
	background:lightgrey;
}
div.thumb{
	width:80vw;
}
img.pics{
	width:100%;
	height:100%;
	margin:auto;
	display:block;
}
div.container{
    width: 150px;
    height: 100px;
    margin 10px;
    margin-bottom:40px;
}