*{box-sizing: border-box}

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

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

nav{text-align: right; 
	font-weight:bold;
	background-color: #ffffff;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-right: 1em;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	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;}

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

header{background-color: #40407a; 
	color: #ffffff;
	line-height: 400%; 
	text-indent: 1em; 
	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;}


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

h2{margin: 0;}

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

li{font-size: 90%;}

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

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