body 
    {
	   background:#40407a ;
	   color:#40407A  ;
	   font-family:Verdana,Arial,Sans-sarif;
	   max-width:1600px;
	   min-width:900px;  
	   margin:0;
    }
header
    {
	   background:#40407a;
	   color:#ffffff;
	   background-image: url(images/sunrise.jpg);
	   background-size: 100% 100%;
       margin-top: 50px;
        text-decoration:none;
        color:#FFFFFF;
	}
header:link
    {
    color: #FFFFFF;    
    }
header:visited
    {
    color: #FFFFFF;    
    }
header:hover
    {
        color: #EDF5F5;    
    }
nav
    {
	   text-align:left;
	   font-weight:bold;
	   background-color:#ffffff;
	   margin:0;
	   padding: 0.5em 1em 1em 0;
       position: fixed;
       top:0px;
        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:link
    {
        color:#3F2860;    
    }
nav:visited
    {
        color:#497777;    
    }
nav:hover
    {
        color:#A26100;    
    }
h2
    {
	   margin:0
	}

footer 
    {
	   font-size:small;
	   font-style:italic;
	   text-align:center;
        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(images/yogamat.jpg);
	   background-size: 100% 100%;
        clear:both;
	}
#loungehero
    {
	   height:300px;
	   background-image: url(images/yogalounge.jpg);
	   background-size: 100% 100%;
        clear:both;
	}
*
    {
        box-sizing: border-box;
    }
.onethird
    {
        float: left;
        width:33.3%;
        padding-left: 2em;
        padding-right: 2em;
    }
.onehalf
    {
        float:left;
        width:50%;
        padding-left: 2em;
        padding-right: 2em;
    }