*{box-sizing:border-box;}
    
#wrapper {
	background-color:#90C7E3;
    background-image:linear-gradient(to bottom, #FFFFFF,#90C7E3);
}
body{	background-color:#EAEAEA;
	height:120px;
    padding-top:30px;
    padding-left:3em;
	color:#666666;
	font-family:Arial,Helvetica,"Sans-serif";
}





h1 {padding-top:.5em;
    padding-bottom: .5em;
    letter-spacing: .25em;
	margin-bottom: 0;
	margin-top:0;
	font-family:Georgia,"Times New Roman",Serif;
}


nav{
	padding:1.5em;
    font-size: 120%;
	font-weight:bold;
    float:left;
    padding:0;
    align-content: center;
   
    }
nav a {text-decoration:none;}
        

nav ul{list-style-type: none;
        margin:0;
        padding-left:0;
        font-size:1.2em}

nav li {border-bottom: 1px solid blue}

nav a:link{color:#5C7FA3}
nav a:visited{color:#5C7FA3}
nav a:hover{color:#A52A2A}

header{
	background-color:#002171;
	color:#FFFFFF;
	text-align:center;
	}
header a {text-decoration:none;}
header a:link{color:#5C7FA3}
header a:visited{color:#5C7FA3}
 header a:hover{color:#A52A2A}

main{ padding:1px 20px 20px 30px;
	display:block;
    margin-left: 30px;
    background-color:#FFFFFF;
    margin-left: 190px;
    overflow:auto;
    
}	

h2  {
	color:#1976D2;
	font-family:Georgia, "Times New Roman",Serif;
	box-shadow: 1px 1px #CCCCCC;
    }

h3  {
	font-family:Georgia, "Times New Roman",Serif;
	color:#000033;
    }

main ul  {list-style-image:url("marker.gif");
        }

dt{
	color:#002171;
}

.resort	{
	color:#1976D2;
	font-weight:bold
	}

#contact{
	color:#1976D2; 
	font-size:.9em
	}
#homehero{ height:300px;
    background-image:url("coast2.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
    margin-left: 190px;
    
}
#yurthero{ height:300px;
	background-image:url("yurt.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
    margin-left:190px;
}
#trailhero{ height:300px;
	background-image:url("trail.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
    margin-left:190px;
}
footer{
	font-size:.75em;
	font-style:italic;
	text-align:center;
	font-family:Georgia, "Times New Roman",Serif;
    padding:2em;
    margin-left: 190px;
    background-color:#FFFFFF}


@media only screen and (min-width:600px)
        {
            nav {display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: space-around;
                justify-content: space-around;
            }
        nav ul {display:flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: space-around;
                justify-content: space-around;}
        nav li {border-bottom: none;
        }
        section {padding-left:0;
                padding-right:0}
    .content main {display:grid;
                grid-template-rows: auto;
                grid-template-columns: 1fr 1fr 1fr;}
    .content h2 {grid-row:1/2;
    grid-column:1/5;}
    .content section{ grid-row: 2 / 3;
            grid-column: auto; }
    .content #special{ grid-row: auto; 
            grid-column: 1 / 5; }
    .content footer { grid-row: auto; 
                grid-column: 1 / 5; }
}
@media screen and (min-width:1024px)
{
nav ul {display: flex;
    flex-direction: column;
    padding-top:1em}

nav {text-align: left;
    padding-left:1em}
            

#wrapper {margin:auto;
            width:80%;
            border: 5px solid #00008B;
            box-shadow: 10px;
            display:grid;
            grid-template-columns: 1fr 4fr ;
            grid-template-rows:1fr 1fr 7frpx 1fr ;}
#wrapper header {grid-row:1/2;
        grid-column: 1/3;}

#wrapper nav {grid-row:2/3 ;
        grid-column:1/2;}

#wrapper div{grid-row:2/3 ;
        grid-column:2/3 ;
        margin-left:5px
    }

#wrapper main{grid-row:3/4;
        grid-column:2/4 ;
        margin-left:5px
    }

#wrapper footer {grid-row:4/5 ;
        grid-column:2/3 ;
    margin-left:5px}
    }