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

header
     {
       background-color:#40407A;
       background-image:url(sunrise.jpg);
       background-size:100% 100%;
       color:#ffffff;
       line-height:150px;
     }

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

nav
     {
       background-color:#ffffff;
       margin:0;
       text-align:right;
       font-weight:bold;
       padding-top:0.5em;
       padding-bottom:1em;
       padding-right:1em;

     }

nav a
     {
       text-decoration:none;
     }


li
     {
       text-size:90%;
       
     }

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

.home
    
     {
       height:40%vh;
       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%;

     }

#loungehero
    
     {
       height:300px;
       background-image:url(yogalounge.jpg);
       background-size:100% 100%;

     }

h2
     {
       margin:0;
     }