*
{box-sizing:border-box;}
body
{
background-color:#40407A;
max-width:1600px;
min-width:900px;
margin:0;
color:#40407a;
}
#wrapper
{
width:80%;
margin-right:auto;
margin-left: auto;
background-color:#f5f5f5;
padding:2em;
}
header
{
background-image:url('sunrise.jpg');
background-color:#40407a;
color:#ffffff;
background-size:100% 100%;
    margin-top:50px;
    text-decoration: none;    
    :link{ color:#ffffff;}
    :visited {color:#ffffff;}
:hover {color:#edf5f5;}
}
.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;
}
nav
{
    position:fixed;
    z-index: 9999;
        width:100%;
    height:50px;
text-align:right;
background-color:#ffffff;
margin:0px;
padding-top:0.5em;
padding-bottom:1em;
padding-right:1em;
list-style-type:none;
}
nav ul
{
list-style-type:none;
margin:0px;
padding-right:2em;
font-size:1.2em;}
nav li
{
    display:inline;
    padding-left:2em;
}
nav a:link{color:#3f2860;}
nav a:visited{color:#497777;}
nav a:hover{color:#a26100;}

.content
{
    height:250px;
}
#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;
}
h2
{
margin:0px
}
footer
{
text-align: center;
    clear:right;
}
.onethird
{
    float:left;
    width:33%;
    padding-left:2em;
    padding-right:2em;
}
.onehalf
{
    float:left;
    width:50%;
    padding-left:2em;
    padding-right:2em;
}
.home
{
    height:50vh;
}