*{

	box-sizing:border-box;
	
}


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

footer{

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

header{

	background-image:url(Images/sunrise.jpg);
	background-size:100% 100%;
	background-color:#40407A;
	color:#FFFFFF;
	line-height:400%;
	text-indent:1em;
	margin-top:50px;
}


nav{

	font-weight:bold;
	text-align:right;
	background-color:white;
	margin:0;
	padding:.5em 1em .5em 0em;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:50px;
	
}

nav a{

	text-decoration:none;

}

nav ul{

	list-style-type:none;
	margin:0;
	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:focus{

}


nav a:hover{

	color: #A26100;

}


nav a:active{


}


li,dd{
	font-size:90%;
}

#wrapper{

	margin-right:auto;
	margin-left:auto;
	width:80%;
	background-color:#F5F5F5;
	padding:2em;

}


.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;

}


#mathero{

	height:300px;
	background-image:url(Images/yogamat.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	clear:left;
}


#loungehero{

	height:300px;
	background-image:url(Images/yogalounge.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	clear:left;

}


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;
}
	

header a{

	text-decoration:none;
}

header a:link{

	color:#FFFFFF;

}
	

header a:visited{	

	color:#FFFFFF;
	
}

header a:focus{

}

header a:hover{

	color:#EDF5F5;

}

header a:active{

}