* { box-sizing: border-box; }

body { 
    background-color: #40407A;
    color: #40407A;
    font-family: verdana, arial, sans-serif;
    max-width: 1600px;
    min-width: 900px;
    margin: 0;
}
header {background-color: #40407A;
        color: #FFFFFF;
        background-image: url(sunrise.jpg);
        background-size: 100% 100%;
        margin-top: 50px;  
         
}
h1 a { text-decoration:none; }
h1 a:link { color: #FFFFFF; }
h1 a:visited { color: #FFFFFF; }
h1 a:hover { color: #EDF5F5; }


#wrapper { background-color: #F5F5F5;
             padding: 2em;
             margin-left: auto; margin-right: auto;
             width: 80%;
          
}
nav {z-index:9999;
    position: fixed;
	  top: 0;
	  left: 0;
    font-weight: bold; text-align:right; 
    background-color: #FFFFFF;
     margin: 0;
     padding-top: 0.5em;
     padding-bottom: 1em;
     padding-right: 1em;
     width: 100%;
     height: 50px;
}
nav a { text-decoration:none; }
nav a:link { color: #3F2860; }
nav a:visited { color: #497777; }
nav a:hover { color: #A26100; }
nav ul{
        list-style-type: none;
        margin: 0;
        padding-right: 2em;
        font-size: 1.2em;
            }

nav li {
        display: inline-block;
        padding-left: 2em;
        }   
h2 {margin: 0;
}
.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;
        }

#onethird {float: left;
            width: 33%;
            padding-left: 2em;
            padding-right: 2em;
        } 
#onehalf {float: left;
            width: 50%;
            padding-left: 2em;
            padding-right: 2em;}     

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

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