
<html lang= "en">
<head> 
<title> Pacific Trails Resort </title> 
<meta charset = "utf-8">
</head>

body {background-color:#90C7E3;
  background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3 ); 
 background-repeat: no repeat;
 color: #666666;
 font-family: Arial;}
h1 {background-color:#002171;
color:#FFFFFF;
margin-top:0;
background-image:(sunset.jpeg);
background-position: right;
background-repeat: no repeat;
line-height: 400%;
text-align: center; 
font-family: Georgia, Times New Roman, serif; }
nav {background-color: #FFFFFF; 
font-weight: bold;
text-align: center;
padding: 1em;
}
nav a {text-decoration: none; } 
main {padding-top: 1px;
padding-right:20px;
padding-bottom: 20px;
padding-left: 20px;}
h2 {color: #1976D2; 
font-family: Georgia, Times New Roman, serif;
text-shadow: 1px #CCCCCC;}
ul {list-style-type: disc;}
h3 {color: #000033; font-family: Georgia, Times New Roman, serif;} 
dt {color: #002171;}
#contactid {font-size: 90%;}
.resort {color: #1976D2; font-weight:bold;}
#wrapper {width: 80%;
min-width: 960px;
max-width: 2048px; 
margin-left: auto; 
margin-right: auto;
background-color:#FFFFFF;
box-shadow: 3px #333333; 
}
#homehero {height: 300px;
	background-image:(coast.jpg);
background-size: 100% 100%;
background-repeat: no repeat;}
#yurthero {height: 300px;
background-image: url(yurts.jpg);
background-size:100% 100%;
background-repeat: no repeat;}
#trailhero {height: 300px; 
background-image: url(trail.jpg);
background-size: 100% 100%;
background-repeat: no repeat;}
footer {font-size: 75%; 
font-style: italic;
text-align: center;
padding: 2em;}


</html>