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

Header
	{
	background-color:#40407A;
	color:#FFFFFF;
	background-image:url(sunrise.jpg);
	background-size:100% 100%;
    	margin-top: 50px;
	}

Header a:link {
	color:#FFFFFF;
	text-decoration:none;
}

Header a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

Header a:hover {
	color:#EDF5F5;
	text-decoration:none;
}

Nav 	{
	font-weight:bold;
	text-align:right;
	background-color:#FFFFFF;
	padding:0.5em 1em 1em 0;
  	position: fixed;
   	 margin-top: 0px;
   	 margin-left: 0px;
   	 z-index: 9999;
	Width:100%;
	Height:50px;
    
	}

Nav a	{
	text-decoration:none;
	}

nav ul{
    list-style-image: none;
    margin: 0;
    padding-right: 2em;
    font-size: 1.2em;
}
nav li {
    display: inline;
    padding-left: 2em;
}

nav a:link { 
    color:#3f2860;
}

nav a:visited{
    color:#497777;
}

nav a:hover{
    color:#A26100;
}
Footer
	{
	text-align:center;
	font-style: italic;
	font-size:small;
    	clear:right;
	}

Li, dd 	{
	font-size:90%;
	}

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

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

.content	
	{
	height:250px;
	padding:2em 0 2em 8em;
	}

#mathero
	{
	height:300px;
	background-image: url(yogamat.jpg);
	background-size: 100% 100%;
	background-repeat:no-repeat;
    	clear:both;
	}

#loungehero
	{
	height:300px;
	background-image: url(yogalounge.jpg);
	background-size: 100% 100%;
	background-repeat:no-repeat;
    	clear: both;
	}

H2 
	{
	margin:0;
	}

.onethird {
    float: left;
    width: 33%;
    padding-left: 2em;
    padding-right: 2em;
}

.onehalf {
    float: left;
    width: 50%;
    padding-left: 2em;
    padding-right: 2em;
}