body { color: #FFFFFF; background-color: #641E16; font-family: Arial, Verdana, sans-serif ; box-sizing: border-box; }
h1 { color: #FFFFFF; font-family: Georgia, "Time New Roman", serif; text-align: center; padding-top: .5em; font-size: 3em; letter-spacing: 0.25em; }
header a { text-decoration: none; }
header a:link { color: #FFFFFF; }
header a:visited { color: #FFFFFF; }
header a:hover { color: #90C7E3; }
header { background-color: #002171; background-position: right; background-repeat: no-repeat; height: 120px; }
nav a { text-decoration: none; }
nav a:link { color: #5c7FA3; }
nav a:visited { color: #344873; }
nav a:hover { color: #A52A2A; }
nav { float: left; width: 160px; font-weight: bold; padding-top: .5em; padding-right: .5em; padding-bottom: .5em; padding: 0; font-size: 1.2em; position: fixed; }
nav ul { list-style-type: none; padding-left: 1em; }
h2 { color: #1976D2; font-family: Georgia, "Time New Roman", serif; }
h3 { font-family: Georgia; }
main { padding-left: 2em; padding-right: 2em; background-color: #FFFFFF; margin-left: 170px; overflow: auto; }
#homehero { background-image: url(homeless.jpg); background-repeat: no-repeat; background-size: 100% 100%; height: 300px; margin-left: 170px; }
#yurthero { background-image: url(donation.jpeg); background-repeat: no-repeat; background-size: 100% 100%; height: 300px; margin-left: 170px; }
#trailhero { background-image: url(contact.png); background-repeat: no-repeat; background-size: 100% 100%; height: 300px; margin-left: 170px; }
dt { color: #002171; font-weight: bold; }
.resort { color: #1976D2; font-size: 1.2em; }
#wrapper { background-color: #FFFFFF; min-width: 960px; max-width: 2048px; box-shadow: 5px 5px 5px; margin-right: 5em; margin-left: 5em; background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3); }
section { float: left; width: 33%; padding-left: 2em; padding-right: 2em; }
footer { background-color: #641E16; font-size: small; font-style: italic; text-align: center; padding: 1em; margin-left: 170px; }
form { width: 60%;
display: grid;
grid-gap: 1em;
grid-template-columns: 10em 1fr; }
input[type="submit"] {grid-column: 2/3; 
width: 9em; }
.reshero { background-size: 100% 100% }
@media(min-width: 1024px)
body { background-image: linear-gradient( to bottom, #FFFFFF 20%, #90C7E3 60%, #FFFFFF 100%); }
nav ul { padding-right: 10%; padding-left: 10%; }
#wrapper { margin: auto; width: 80%; }