* { box-sizing: border-box; }

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

h2 {margin: 0;}

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

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

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


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

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;}

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

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

.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;}

#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;}

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

.onehalf  {float: left; width: 50%; padding-left: 2em; padding-right: 2em;}		
nav a {
text-decoration: none;}