*   { 
       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;
       background-image:url(sunrise.jpg);
       background-size:100% 100%;
       color:#ffffff;
       line-height:150px;
       margin-top:50px;
     }

header a
     {
       text-decoration:none;
     }

header a:link
     {
       color:#ffffff;
     }

header a:visited
     {
       color:#ffffff;
     }

header a:hover
     {
       color:#EDF5F5;
     }

nav
     {
       background-color:#ffffff;
       margin:0;
       text-align:right;
       font-weight:bold;
       padding-top:0.5em;
       padding-bottom:1em;
       padding-right:1em;
       position:fixed;
       top:0;
       left:0;
       z-index:9999;
       width:100%;
       height:50px;

     }

nav ul
     {
       text-decoration:none;
       list-style-type:none;
       margin:0;
       padding-right:2em;
       font-size:1.2em;
     }

nav li
     {
       display:inline;
       padding-left:2em;
     }


nav a
     {
       text-decoration:none;
     }

nav a:link
     {
       color:#3F2860;
     }

nav a:visited
     {
       color:#497777;

     }

nav a:hover
     {
       color:#a26100;

     }





li
     {
       text-size:90%;
       
     }

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

.home
    
     {
       height:50%vh;
       padding-top:6em;
       padding-left:8em;
       font-size:120%;
       min-height:300px;
     }

.content
    
     {
       height:250px;
       padding-top:2em;
       padding-left:8em;
       padding-bottom:2em;
       
     }

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

     }

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

     }

h2
     {
       margin:0;
     }

.onethird
     {
       float:left;
       width:33%;
       padding-left:2em;
       padding:right:2em;
     }

.onehalf
     {
       float:left;
       width:50%;
       padding-left:2em;
       padding:right:2em;
     }



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