@import url(font-awesome.min.css);
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic");

@font-face{ 
	font-family: 'Miso';
	src: url("../fonts/miso-regular.otf") format("opentype");
}

@font-face {
	font-family: 'MisoBold';
	src: url("../fonts/miso-bold.otf") format("opentype");
}

@font-face {
	font-family: 'Planer';
	src: url("../fonts/planer-regular.otf") format("opentype");
}








/* ======================================================================== */



.Miso {
		font-family: "Miso", Helvetica, sans-serif;
		}
.MisoBold {
		font-family: "MisoBold", Helvetica, sans-serif;
		}
		

/* ============================================================================== */


.planerTitle {
	color: #662d91;
	font-family: "Planer", Helvetica, sans-serif;
	font-size: 44px;
	margin: 0 0 0 1.8em;
}



.bodytext {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	max-width: 1020px;
	color:#666;
	margin: 0 1.6em 0 4.5em;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.65;
}

.bodytext p {
	margin-bottom: 1.0em;
}

.floatLeft {
	float: left;
	margin: 0 1em 12em -0.3em;
}

.floatRight {
	float: right;
	margin: 0 0 10em 0.7em;
}


@media screen and (max-width: 736px) {
	.floatRight { display: none; }
	.planerTitle { margin-left: 0.7em; }
	.bodytext { margin-left: 1.5em; }
	#header2 { height: 3.8em; }
}

@media screen and (max-width: 480px) {
	.floatLeft { display: none; }
	.floatRight { display: none; }
	.planerTitle { margin-left: 0.7em; }
	.bodytext { margin-left: 1.5em; }
	#header2 { height: 3.8em; }
}


.homepage_footer {
	z-index: 10000;
}