*{box-sizing:border-box;}
body{
	background-color:#40407A;
	color:#40407A;
	font-family:Verdana, Arial, sans-serif;
	min-width:900px;
	max-width:1600px;
	margin:0
}

#wrapper{
	margin-right:auto;
	margin-left:auto;
	width:80%;
	background-color:#F5F5F5;
	padding:2em;
}
	

header{
	background-color:#40407A;
	Color:#FFFFFF;
	background-image: url("sunrise.jpg");
	background-size:cover;
    margin-top:50px
	
}

.home{
	height:50vh;
	padding-top:6em;
	padding-left:8em;
	font-size:120%;
	min-height:300px;
}

.content{ height:250px;
	padding-top:2em;
	padding-left:8em;
	padding-bottom:2em;
}


nav{ 
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    Height:50px;
	text-align:right;
	background-color:white;
	margin:0;
	padding:.5px 0 1em 1em;
	
}
nav ul{list-style-type: none;
        margin:0;
        padding-right:2em;
        font-size:1.2em;
        }
nav li {display:inline;
        padding-left:2em}
nav a {text-decoration: none}
nav a:link{color:#3F2860}
nav a:visited {color:#497777}
nav a:hover {color:#A26100}

header a {text-decoration: none;}
header a:link{ color:#FFFFFF}
header a:visited{color:#FFFFFF}
header a:hover{color:#EDF5F5}

#mathero{
	height:300px;
	background-image:url("yogamat.jpg");
	background-size:cover;
    clear:both
}
#loungehero{
	height:300px;
	background-image:url("yogalounge.jpg");
	background-color:100%;
    clear:both;
}
.onethird {float:left;
            width:33%;
            padding-left:2em;
            padding-right:2em}
.onehalf{float:left;
         width:50%;
        padding-left:2em;
        padding-right:2em}

h2 {margin:0}

nav a {
	text-decoration:none
	}

footer {
	font-style:italic;
	text-align:center;
	font-size:small;
     clear:right
}

li {font-size:.9em}
dd {font-size:.9em}