header, nav, main, footer {display: block;}
*{box-sizing: border-box;}

html, body{height: 100%;}

body{
background-image: url(nnysky3.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
color: #000000;
font-family: Trebuchet MS, Arial, serif;
}

h1{
background-color: #cc3333;
background-image: url(logo4.png);
background-repeat: no-repeat;
background-position: 2% 2%;
background-size: contain;
margin-left: auto; margin-right: auto;
padding-left: 150px;
line-height: 160%;
height: 125px;
margin-bottom: 0;
box-shadow: 0px 3px #000000;

}

main{
background-color: #339966;
color: white;
padding-top: 2px;
padding-left: 175px;
padding-bottom: 10px;
}

main li{margin-right: 25px;}

main ol{padding-bottom: 75px;}

main p{
font-style: italic;
text-align: center;
margin-right: 25px;
margin-left: 25px;
}

main a:link{color: white;}

main a:visited{color: black;}

main a:hover{color: #66ff99;}

nav{
background-color: #cc3333;
float: left;
text-align: left;
width: 150px;
}

nav ul{
list-style-type: none;
padding-left: 25px;
padding-top: 0;
}

nav li{
padding: 10px;
border: 1px solid #000000;
width: 85%;
}

nav a{text-decoration: none;}

nav a:link{color: white;}

nav a:visited{color: black;}

nav a:hover{color: #66ff99;}

footer{
margin-left: auto; margin-right: auto;
background-color: #339966;
color: white;
font-size: .75em;
font-style: italic;
text-align: center;
padding-top: 0;
/* padding-left: 50px; */
}

#wrapper{
margin-left: auto; 
margin-right: auto; 
width: 80%;
max-width: 1024px;
max-height: 1024px;
box-shadow: 2px 2px #000000;
}

#subtitle{
font-size: 60%;
font-style: italic;	
}

#contact{
padding-top: 25px;
padding-bottom: 25px;
}

.crewdesc{
color: white;
font-weight: bold;
text-decoration: underline;
}

.centertext{
text-align: center;
}

.center{
display: block;
margin-left: auto; margin-right: auto;
}

.floatright{
float: right;
margin-right: 150px;
}

@media only screen and (max-width: 1024px){
	body{margin: 0; background-image:none;}
	#wrapper{width: auto; min-width: 0; margin: 0; padding: 0; box-shadow: none;}
	h1{border-bottom: 1px solid black; margin-top: 0; margin-bottom: 0; padding-top: 1em; padding-bottom: .5em; font-size: 2.5em;}
	nav{float: none; width: 100%; padding-top: 0; font-size: 120%;}
	nav li{display: inline-block; border-bottom: 1px solid black; width: 100%;}
	nav a{padding: 1em; width: 8em; font-weight: bold; border-style: none;}
	nav ul{padding: 0; margin:0;}
	main{margin: 0; padding: 25px; font-size: 90%}
	footer{padding-left: 25px;}
	.floatright{display: none;}
	#subtitle{display: none;}
}

@media only screen and (max-width: 768px){
	h1{background-image: url(logo4.png); height: 128px; font-size: 2em; text-align: center; padding-left: 50px; border-bottom: 1px solid black;}
	nav{margin: 0;}
	nav a{display: block; padding: .2em; width: 100%;}
	nav li{display: block; width: 100%; border-bottom: 1px solid black;}
	main{padding-top: 1px; padding-left: 25px;}
	h2{padding-top: .5em; padding-right: 0; padding-bottom: 0; padding-left: .5em; margin-right: .5em;}
}