@charset "UTF-8";
/* CSS Document */

html {  
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body {
	background-color: rgba(254,244,224,1.0);
    margin: 0;
	padding: 0;
	font-family: open-sans;
	font-style: normal;
	text-rendering: optimizeLegibility;
}
body#gray {
	background-color: rgba(215,216,211,1.0);
    margin: 0;
	padding: 0;
	font-family: open-sans;
	font-style: normal;
	text-rendering: optimizeLegibility;
}
.container {
	position: relative; 
	width: 100%;
    max-width: 1280px;
	margin: 5em auto; 
	padding: 0;
}
.main-outer {
	width: 100%; 
	margin: 0 auto 0 auto;
	padding: 0;
    position: relative;
	z-index: 5; 
}
.mobile-main-img { 
	width: 80%;
    float: left;
	margin: 0.5em 10% 0 10%; 
	padding: 0;   
}
.mobile-main-img img { 
	width: 100%;
	margin: 0; 
	padding: 0;
	border: none;   
}
.page-title { 
	position: relative;
	z-index: 5;  
	margin: 0; 
	padding: 0;   
}
.page-title-left { 
	width: 47%;
    float: left;
	margin: 0; 
	padding: 0;
}
.page-title-left img { 
	float: right;
	margin: 0 0.9em 0 0; 
	padding: 0;
	border: none;   
}
.page-title-right { 
	width: 53%;
    float: right;
	margin: 2.5em 0 0 0; 
	padding: 0;   
}
.page-title-right p {
	font-family: open-sans;
	font-size: 1.35em;
	line-height: 1.0em;
	color: rgb(51, 51, 51);
	text-align: left;
	letter-spacing: 0.08em;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 700;
	margin: 0;
}
.main { 
	position: relative;
	z-index: 5;  
	margin: 0 auto; 
	padding: 0;   
}
.main-img { 
	width: 39%;
    float: left;
	margin: 1em 0 0 0; 
	padding: 0;   
}
.main-img img { 
	width: 100%;
	margin: 0; 
	padding: 0;
	border: none;   
}
.main-text { 
	width: 56%;
    float: right;
	margin: 6.0em 5% 0 0; 
	padding: 0;   
}
.main-text p {
	font-family: open-sans;
	font-size: 1.1em;
	line-height: 2.2em;
	color: rgb(51, 51, 51);
	text-align: left;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 1.4em 0;
    padding: 0;
}
.main-text a {
	color: rgba(0,0,0,1.0);
	text-decoration: underline;
	-webkit-transition: all 0s ease-in-out .3s;
	-o-transition: all .2s ease-in-out;
	transition: all .3s ease-in-out;
	text-rendering: optimizeLegibility;
	font-style: normal;
}
.main-text a:hover {
	color: rgb(51, 51, 51);
    text-decoration: underline;
}
.bold {
	font-family: open-sans;
	font-weight: 800;
}
.italic {
    font-family: open-sans;
    font-style: italic;
}
.bold-italic {
	font-family: open-sans;
	font-weight: 900;
    font-style: italic;
}
.vid {
	width: 100%;
    max-width: 640px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 8.5em;
    border: none;
}
video {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: auto;
    border: none;
}
.vid h1 {
	font-family: open-sans;
	font-size: 0.95em;
	line-height: 2em;
	color: rgb(51, 51, 51);
	text-align: left;
	font-style: normal;
	font-weight: 600;
	margin: 1.6em auto; 
	text-rendering: optimizeLegibility;
}
.footer {
    position: relative;
    z-index: 5;
    margin: 3.0em 5% 0 39%;
    padding: 0;
    border-top: thin solid rgba(172,172,172,1.00);
}
.footer p {
	font-family: open-sans;
	font-size: 0.9em;
	line-height: 1.0em;
	color: rgb(51, 51, 51);
	text-align: left;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 1.4em 0;
    padding: 2em 0 0 0;
}
.footer a {
	color: rgb(0, 0, 0);
	text-decoration: none;
	-webkit-transition: all 0s ease-in-out .3s;
	-o-transition: all .2s ease-in-out;
	transition: all .3s ease-in-out;
	text-rendering: optimizeLegibility;
	font-style: normal;
}
.footer a:hover {
	color: rgb(51, 51, 51);
    text-decoration: overline;
}
.footer-small {
	font-family: open-sans;
	font-size: 0.8em;
	line-height: 1.0em;
	color: rgb(51, 51, 51);
	text-align: left;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 600;
}
.footer img { 
	float: left;
	margin: -0.55em 0.5em 0 0; 
	padding: 0;
	border: none;   
}
.clear {clear:both; font-size:1px;
}

@media (min-width: 1100px){
.banner-mobile {
	display: none;    
}
.mobile-main-img {
	display: none; 
}
}

@media (min-width: 768px) and (max-width: 1099px){
.mobile-main-img {
	display: none; 
}
    .page-title-left img { 
	height: 40px;
    width: auto;
	margin: 0 0.5em 0 0;  
}
.page-title-right { 
	margin: 1.9em 0 0 0;  
}
.page-title-right p {
	font-size: 1.1em;
	line-height: 0.5em;
}
.main-img { 
	margin: 1em 0 0 0;  
}
.main-img img { 
	width: 100%; 
}
.main-text { 
	margin: 4.5em 5% 0 0;  
}
.main-text p {
	font-size: 1.0em;
	line-height: 2.1em;
	margin: 0 0 1.2em 0;
}
}

@media (max-width: 767px){
.page-title-left { 
	display: none;
}
.main-img { 
	display: none;   
}
.page-title-right { 
	width: 80%;
    float: left;
	margin: 2.0em 10% 2em 10%; 
	padding: 0;   
}
.page-title-right p {
	font-size: 1.35em;
	line-height: 1.0em;
	text-align: left;
	margin: 0;
}
.main-text { 
	width: 80%;
    float: left;
	margin: 0 10% 0 10%; 
	padding: 0;   
}
.main-text p {
	font-size: 1.0em;
	line-height: 2.1em;
	text-align: left;
	margin: 0 0 1.2em 0;
    padding: 0;
}
.footer {
    margin: 3.0em 10% 0 10%;
    padding: 0;
}
.footer p {
	font-size: 0.8em;
	line-height: 1.0em;
	margin: 0 0 1.4em 0;
    padding: 2em 0 0 0;
}
}