body {
  background-color: #EAEAEA;
  color: #666;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
main {
  background-color: #FFFFFF;
  margin-left: 190px;
  padding-left: 30px;
  padding-top: 1px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: block;
  overflow: auto;
  float: inherit;
}
header {
  background-color: #002171;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 400%;
  text-indent: 1em;
  height: 120px;
  padding-top: 30px;
  padding-left: 3em;
  text-align: center;
}
nav {
  font-weight: bold;
  padding: 1.5em;
  font-size: 120%;
  float: left;
  width: 160px;
}
nav a {
  text-transform: none;
  text-decoration: none;
}
nav ul {
  margin: 0;
  padding-left: 0;
  font-size: 1.2em;
  list-style-type: none;
}
h1, h2, h3, footer {
  font-family: Georgia, "Times New Roman", serif;
}
h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  letter-spacing: 0.25em;
}
h2 {
  color: #1976D2;
  text-shadow: 1px, #CCCCCC;
}
h3 {
  color: #000033;
}
main ul {
  list-style-image: url(./img/marker.gif);
}
dt {
  color: #002171;
}
footer {
  background-color: white;
  margin-left: 190px;
  font-size: 75%;
  text-align: center;
  font-style: italic;
  padding: 2em;
}
.wrapper {
  margin-left: auto;
  margin-right: auto;
  background-color: #90C7E3;
  background-image: linear-gradient(#FFFFFF, #90C7E3);
  width: 80%;
  min-width: 960px;
  max-width: 2048px;
  box-shadow: 3px, 3px, 3px, #333333;
}
.resort {
  color: #1976D2;
  font-weight: bold;
}
#homehero {
  height: 300px;
  background-image: url(./img/coast2.jpg);
  background-size: 100% 100%;
  margin-left: 190px;
}
#yurthero {
  height: 300px;
  background-image: url(./img/yurt.jpg);
  background-size: 100% 100%;
  margin-left: 190px;
}
#trailhero {
  height: 300px;
  background-image: url(./img/trail.jpg);
  background-size: 100% 100%;
  margin-left: 190px;
}
#contact {
  font-style: 90%;
}
* {
  box-sizing: border-box;
}
nav :link {
  color: #5C7FA3 
}
nav :visited {
  color: #344873 
}
nav :hover {
  color: #A52A2A;
}
header :link {
  text-decoration: none;
  color: #FFFFFF;
}
header :visited {
  color: #FFFFFF;
}
Header :hover {
  color: #90C7E3;
}
@media only screen and (max-width: 1024px) 
{
	body{margin: 0; padding: 0; background-image: none;}
	#wrapper{width: auto; min-width: 0; margin: 0; box-shadow:none;}
	h1{margin: 0;}
	nav{float: none; width: auto; padding: 5em;}
	nav li{display: inline-block;}
	nav a{padding: 1em;}
	main{padding: 1em; margin-left: 0; font-size: 90%;}
	footer{margin: 0;}
}

@media only all and (max-width: 768px)
{
	h1{height: 100%; font-size: 1.5em; padding-left: 0.3em;}
	nav{padding: 0;}
	nav a{display: block; padding: 0.2em; font-size: 1.3em; border-bottom: 1px solid #330000;}
	nav ul{margin: 0; padding: 0;}
	nav li{display: block;}
	main{padding: 0.1em 0 0.1em 0.4em;}
	main img{display:none; padding-right: 0;}
	main ul{list-style-position: outside;}
	footer{padding: 0;}
	#mobile{display: inline;}
	#desktop{display: none;}
}