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



nav {
     font-weight:bold;
     text-align:right;
     background-color:white;
     margin:0;
     padding:0.5em 1em 1em 0;
     }

nav a {
       text-decoration:none;
      }

h2 {
    margin:0;
   }




footer {
        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:40vh;
       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%;
        }

.content {
          height:200px;
          padding:2em 0 2em 8em;
          }

#mathero {
          height:300px;
          background-image:url(images/yogamat.jpg);
          background-repeat:no-repeat;
          background-size:100% 100%;
         }

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