body {

    background: #EAEAEA;
    
    background-image: linear-gradient(#FFFFFF, #90C7E3);

    color: #666666;

    font-family: Arial, Helvetica, sans-serif;
    
    box-sizing: border-box;

}

#wrapper{
   
   background-color: #90C7E3;
   
}

header {

    background-color: #000033;

    color: #FFFFFF;

    font-family: Arial, Helvetica, sans-serif;
    
    background-image: url(public_html/cs1.pacificresorttrails/images/sunset.jpg);
    
    background-repeat: no-repeat;
    
    margin: auto;

}

nav {

    font-weight: bold;

    background-color: #FFFFFF;

    padding: 0em;
    
    text-align: center;
    
    border-bottom: 1px solid blue;

}

main {

    padding: 1px 20px 20px 20px;
    
    display: block;
    
    background: #FFFFFF;

}

h1 {
    font-family: Georgia, Times, sans-serif;
    
    line-height: 200%;

    background-image: url(images/sunset.jpg);

    background-repeat: no-repeat;

    background-position: right center;

    padding-left: 20px;
    
    padding-top: 0.5em;
    
    padding-bottom: 0.5em;

    height: 72px;

    margin-bottom: 0;

    margin-top: 0px;
}

h2 {

    color: #CCCCCC;

    font-family: Georgia, Times, sans-serif;

    text-shadow: 1px 1px #CCCCCC;  
}

h3 {

    color: #000033;

}

dt {

    color: #000033;

    font-weight: bold;

    font-size:20px;

}

.resort {

    color: #000033;

    font-size: 1.2em;

}

footer {

    font-size: 0.75em;

    font-style: italic;

    text-align: center;
    
    font-family: Georgia, Times, sans-serif;

    padding: 2em;

}

#wrapper {

    background-color: #FFFFFF;

    margin-right: auto;

    width: 80%;

    min-width: 700px;

    max-width: 1024px;

    box-shadow: 3px 3px 3px #333;

}

#homehero {

    height: 300px;

    background-image: url(public_html/cs1.pacificresorttrails/images/home.jpg);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

#yurthero {

    height: 300px;

    background-image: url(public_html/cs1.pacificresorttrails/images/yurt.jpg);

    background-size: 100% 100%;
    
    background-repeat: no-repeat;

}

#trailhero {

    height: 300px;

    background-image: url(public_html/cs1.pacificresorttrails/images/trail.jpg);

    background-size: 100% 100%;
    
    background-repeat: no-repeat;

}

.content main {   display: grid;
                  grid-template-rows: auto;
                  grid-template-columns: 1fr 1fr 1fr; 
    
}
h2         { grid-row: 1 / 2; grid-column: 1 / 5; }
section    { grid-row: 2 / 3; grid-column: auto; }
#special   { grid-row: auto; grid-column: 1 / 5; }
footer     { grid-row: auto; grid-column: 1 / 5; }