body {color: #40407A;
          background-color: #40407A;
          max-width: 2800px;
          min-width: 900px;
          margin: 0;}

    header {background-color: #40407A;
            color: #FFFFFF;
            background-image:url(imagesyoga5/sunrise.jpg);
            background-size: 100% 100%;
            line-height: 4;
            width: 597;
            top-margin: 50px;}

    header a: link {text-decoration: none;
               color: #FFFFFF;}
    header a: visited {text-decoration: none;
                       color: #FFFFFF;}
    header a: hover {#EDF5F5;}
    
    body {font-family: Verdana, Arial, sans-serif;}


    nav {font-weight: bold;
         text-align: right;
         background-color: #FFFFFF;
         margin: 0;
         padding-top: 0.5em;
         padding-bottom: 1em;
         padding-right: 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: link {color:#3F2860;}
  nav a: visited {color: #497777;}
  nav a: hover {color: #A26100;}

    nav a 
    
    footer {font-size: small;
            font-style: italic;
            text-align: center;
            float: right;}

    li, dd {font-size: 90%}

    #wrapper {width: 80%;
              margin: 0 auto;
              background-color: #F5F5F5;
              padding: 2em;
              background-position: center; }
    
    .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(imagesyoga5/yogamat.jpg);
             background-size: cover;
             background-repeat: no-repeat;
             clear: both;}

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

   h2 {margin: 0;}

   footer {text-align: center;}

   *{ box-sizing: border-box;}

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

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