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%;   
}
#wrapper { background-color: #F5F5F5;
             padding: 2em;
             margin-left: auto; margin-right: auto;
             width: 80%; 
}
nav {font-weight: bold; text-align:right; 
    background-color: #FFFFFF;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 1em;
    padding-right: 1em;}
nav a {text-decoration: none;}
.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(yogamat.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
}        
#loungehero {height: 300px;
        background-image: url(yogalounge.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
}   
h2 {margin: 0;
}
footer {font-size: small;
        font-style: italic;
        text-align: center; 
}  
LI {font-size: 90% ;}  
DD {font-size: 90% ;}