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

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

    li, dd {font-size: 90%}

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

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

   h2 {margin: 0;}

   footer {text-align: center;}