*
    {
        box-sizing:border-box;
    }
#wrapper
	{
		background-color:#90c7e3;
        background-image:linear-gradient(to bottom, #FFFFFF, #90C7E3);
	}
body
	{
		background-color:#eaeaea;
		color:#555555;
		font-family:Arial, Helvetica, sans-serif;
	}
main
	{
		padding:1px 20px 20px 30px;
		display:block;
        background-color:#ffffff;
        overflow:auto;
	}
header
	{	
		background-color:#002171;
		color:#FFFFFF;
	}
header a
{
    text-decoration:none;
}
header a:link
{
    color:#ffffff;
}
header a:visited
{
    color:#ffffff;
}
header a:hover
{
    color:#90c7e3;
}
nav
	{
		font-weight:bold;
		padding:0em;
        font-size:120%;
        text-align: 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 #344873;
}
nav a:link
{
    color:#5c7fa3;
}
nav a:visited
{
    color:#344873;
}
nav a:hover
{
    color:#a52a2a;
}
footer
	{
		font-size:75%;
		font-style:italic;
		text-align:center;
		font-family:Georgia, "Times New Roman", serif;
		padding:2em;
        background-color:#ffffff;
	}
h1
	{
		font-family:Georgia, "Times New Roman", serif;
		text-align:center;
		margin-top:0px;
        letter-spacing:.25em;
        padding-top:.5em;
        padding-bottom: .5em;
	}
h2
	{
		color:#1976D2;
		font-family:Georgia, "Times New Roman", serif;
		text-shadow:1px 1px 1px #CCCCCC;
	}
h3
	{
		font-family:Georgia, "Times New Roman", serif;
		color:#000033;
	}
dt
	{
		color:#002171;
	}
main ul
	{
		list-style-image:url(images/marker.gif);
	}
.resort
	{
		color:#1976D2;
		font-weight:bold;
	}
#homehero
	{
		height:300px;
		background-image:url(images/coast2.jpg);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
#yurthero
	{
		height:300px;
		background-image:url(images/yurt.jpg);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
#trailhero
	{
		height:300px;
		background-image:url(images/trail.jpg);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
#contact
	{
		font-size:90%;
	}

@media (min-width: 600px)
{
    nav ul
    {
        display:flex;
        flex-flow:row nowrap;
        justify-content: space-around;
        
    }
    nav li
    {
        border-bottom: none;
    }
    #flow
    {
        display:flex;
        flex-direction: row;
    }
    section
    {
        margin-left: 2em;
        margin-right: 2em;
        flex:1;
    }
}

@media (min-width: 1024px)
{
    #wrapper
    {
        margin:auto;
        width:80%;
        border:1px solid #344873;
        box-shadow: 3px 3px 3px #344873;
    }
    nav
    {
        text-align: left;
        padding-left: 1em;
    }
    @supports (display:grid)
    {
        nav ul
        {
            flex-direction: column;
            padding-top: 1em;
        }
        header
        {
            grid-area:header;
        }
        nav
        {
            grid-area: nav;
        }
        .hero
        {
            grid-area: hero;
        }
        main
        {
            grid-area: main;
        }
        footer
        {
            grid-area: footer;
        }
        #wrapper
        {
            display:grid;
            grid-template:
                        "header header"
                        "nav hero"
                        "nav main"
                        "nav footer" / 180px;
        }
    }
}