* { box-sizing: border-box; }
body { background-color: #40407A;
       color: #40407A;
	   min-width: 900px;
	   max-width: 1600px;
	   margin: 0;
	   font-family: Verdana, Arial, sans-serif; 
}
#wrapper { width: 80%;
		   margin: auto;
		   background-color: #F5F5F5;
		   padding: 2em; 
}
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; }
h2     { margin: 0; }
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; 
}		
		
		
		
		
		
		
		
		
		
		
		