/* ----- medium styles ----- */

/* ----- global ----- */
div.wrap{
	width: 90%;
	margin: 0 5%;
}
header nav{
	font-size: 28px;
	height: 41px;
	padding: 40px 0 0 0;
}
header nav img#facebook-button{
	width: 28px;
	height: auto;
}
header a#main-logo img{
	width: 220px;
	height: auto;
}
header a#main-logo span{
	font-size: 26px; 
}
/* ----- home page ----- */
main div#slider-wrap{
	background-size: 100% auto;	
	position: relative;
}
main div#slider-wrap img{
	width: 100%;	
	height: auto;
}
main section#main-content{
	background: url(images/content-bg.png) repeat;	
	padding: 20px;
	margin: 40px 0;	
}
main section#main-content h1{
	font-family: 'Vibur', cursive;
	font-size: 36px;
	color: #997068;		
	margin: 0 0 10px 0;
}
main section#main-content p{
	line-height: 1.4;
	margin: 0 0 10px 0;
}
main section#home-boxes{
	position: relative;
	text-align: center;
}
main section#home-boxes div.box{
	display: inline-block; 
	position: relative;
	text-align: left;
	width: 32%;	
	margin-right: 2%;
	margin-left: -5px;
}
main section#home-boxes div.box:last-child{
	margin-right: 0;	
}
main section#home-boxes div.box:first-child{
	margin-left: 0;	
}
main section#home-boxes div.box h2{
	font-family: 'Vibur', cursive;
	font-size: 34px;
	color: #997068;	
	margin: 0 0 -9px 20px;
	position: relative;
	z-index: 102;
}
main section#home-boxes div.box img{
	border-top: 14px solid #c2b1ae;
	position: relative;
	max-width: 100%;
	height: auto;
	z-index: 101;
}
main section#home-boxes div.box div{
	padding: 10px 20px 0 20px;	
	background: url(images/content-bg.png) repeat;	
	margin: -2px 0 0 0;
}
main section#home-boxes p{
	font-size: 14px;
	line-height: 1.4;
	padding: 0 0 10px 0;
}