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

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

header a
    {text-decoration: none;}

header a:link
    {color: white;}

header a:visited
    {color:white;}

header a:visited
    {color: #edf5f5}

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

nav ul
    {list-style: 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;}

h2
	{margin:0;}

li
	{font-size:90%;}

dd
	{font-size:90%;}

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

.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(images/yogamat.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
    clear: both;}

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

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

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

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