*
          {
            box-sizing: border-box;
          }


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

header
          {
             background-color: #40407A;
             background-image: url(sunrise.jpg);
             color: white;
             background-size: 100% 100%;
             font-size: 1em;
             padding: 30px 10px 30px 10px;
             text-align: center;
             margin-top: 50px;
        
          }  
header a
           {
            text-decoration: none;
           }   
header a link
            {
               color: white;
            }                  
header a:visited
             {
               color: white;
             }               
header a:hover
             {
               color: #EDF5F5 ;
             }             
          
nav 
            {
               font-style: bold;
               text-align: center;
               text-decoration: none;
               text-align: right;
               background-color: white;
               margin: 0;
               padding: .5em 1em 1em;
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 50px;
               z-index: 9999;
            }  
nav ul
            {
               list-style-type: none;
               padding-right: 2em;
               font-size: 1.2em;
               margin: 0;

            }  
nav li
            {
               padding-left: 2em;
               display: inline;
            }  
nav a:link
            {
               color: #3F2860 ;
            }    
nav a:visited
            {
               color: #497777;
            }     
nav a:hover
            {
               color: #A26100;
            }                                               
            
h2
             {
               margin: 0;
             }            

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

#loungehero
            {
               height: 300px;
               background-image: url(yogalounge.jpg);
               background-repeat: no-repeat;
               background-size: 100% 100%;
               clear: both;
            }       
footer
          {
             font-style: italic;
             font-size: small;
             text-align: center;
             clear: right;
          
          }


li
           {
               font-size: 90%;
           } 
           
dd
           {
              font-size: 90%;
           }           
img
           {
            align-items: right;
           }

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

.home
            {
              
               padding: 2em;
               font-size: 120%;
               min-height: 300px;
               height: 50vh;
            }
    
.content
            {
               height: 250px;
               padding: 2em 8em 2em;
            }  
.onethird
             {
               float: left;
               width: 33%;
               padding-left: 2em;
               padding-right: 2em;
             }    
.onehalf
             {
               float: left;
               width: 50%;
               padding-left: 2em;
               padding-right: 2em;
             }