//////////////////////////////////////////
// SITE SPECIFIC BASE STYLES
//////////////////////////////////////////

 body{
	font-size: percentage($em-base/16);
	font-family: $body-font;
	min-height: 100vh;
 }

 .wrapper{
 	@include flex;
	@include flex-direction(column);
	min-height: 100vh;
	position: relative;

	@include edge{
		height: 0;
	}

	> section,
	> header,
	> footer,
	> div{
		@include flex-value(none);
	}

	.main-content{
		@include flex-value(1 0 auto);
		padding: mm(50, 75) 0;
	}
}