*{box-sizing: border-box;}

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



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

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

h2 {
    margin:0;
   }




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

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

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

header {
        background-color:#40407a;
        color:#ffffff;
        background-image:url(images/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:2em 0 2em 8em;
          }

#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-left: 2em;
          padding-right: 2em;
         }

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