header{background-color:#40407A;
       color:#FFFFFF;
       background-image:url(sunrise.jpg);
       background-size:100% 100%;
       margin-top:50px;}
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;}
.home{height:50vh;
      padding-top:6em;
      padding-left:8em;
      font-size:120%;
      min-height:300px;}
.content{height:200px;
         padding-top:2em;
         padding-left:8em;
         padding-bottom:2em;}

.mathero{height:300px;
         background-image:url(yogamat.jpg);
         background-size:100% 100%;
         float:clear;}

.loungehero{height:300px;
         background-image:url(yogalounge.jpg);
         background-size:100% 100%;
         float:clear;}
.onethird{float:left;
          width:33%;
          padding-left:2em;
          padding-right:2em;}
.onehalf{float:left;
         width:50%;
         padding-left:2em;
         padding-right:2em;}
         
nav{text-align:right;
    font-weight:bold;
    font-size:1.2em;
    background-color:#FFFFFF;
    color:#40407A;
    margin:0;
    padding-top:0.5em;
    padding-bottom:1em;
    padding-right:2em;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    height:50px;}
    nav a:link{color:#3F2860;}
    nav a:visited{color:#497777;}
    nav a:hover{color:#A26100;}
nav a{text-decoration:none;}
h2{margin:0;}
footer{font-size:small;
       font-style:italic;
       text-align:center;
       float-right:clear;}
li{font-size:90%}
dd{font-size:90%}
*{box-sizing:border-box;}