/*stlye gides for webpages*/
/*reorginize as list and webpage order?*/
/*dont forget to add <link rel="stylesheet" href="Pacific.css"> to head area*/
/*image url goes through files*/

/*header style*/
header {background-color: #002171;
        background-image: url(pacific_images/sunset.jpg);
            background-repeat: no-repeat;
        background-position: right;
        height: 72px;
        color: #FFFFFF; font-family: Georgia;}

/*body style*/
body {background-color: #90C7E3;
        background-image: linear-gradient(#FFFFFF,#90C7E3);
        background-repeat: no-repeat;
        color: #666666; font-family: Arial;}

/*heading style*/
h1 {text-align: center;
    padding-top: .5em;}

h2 {color: #1976D2;
    font-family: Georgia;}

h3 {font-family: Georgia;}

/*navigation style*/
nav {font-weight: bold; 
        text-align: center;
        padding-top: .5em;
        padding-right: .5em;
        padding-bottom: .5em;
        text-decoration: none;}

/*main style*/
main {padding-left: 2em;
        padding-right: 2em;
        display: block;}

/*discription list style*/
dt {color: #002171;
    font-weight: bold;}

/*footer style*/
footer {font-size: 0.70em; 
        font-style: italic; 
        text-align: center;
        padding: 1em;}

/*class style*/
/*"." is used to mark class*/
.resort {color: #1976D2; 
            font-size: 1.2em;}

/*ID style*/
/*"#" used to mark ID*/
#wrapper {width: 80%; 
            margin-left: auto;
            margin-right: auto;
            background-color: #FFFFFF;
            min-width: 960px;
            max-width: 2048px;
            box-shadow: 5px 5px 3px;}

#homehero {height: 300px;
            background-image: url(pacific_images/coast.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;}

#yurthero {height: 300px;
            background-image: url(pacific_images/yurt.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;}

#trailhero {height: 300px;
            background-image: url(pacific_images/trail.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;}