@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(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: 3.3em auto 5em auto; 
	padding: 0;
}
.main-outer {
	width: 100%; 
	margin: 0 auto 0 auto;
	padding: 0;
    position: relative;
	z-index: 5; 
}
.main { 
	position: relative;
	z-index: 5;  
	margin: 0 auto; 
	padding: 0; 
}
.main-img { 
	width: 61%;
    float: left;
	margin: 0 0 0 0; 
	padding: 0;   
}
.main-img img { 
	width: 95%;
    float: right;
	margin: 0; 
	padding: 0;
	border: none;   
}
.main-text { 
	width: 34%;
    float: right;
	margin: 0 5% 0 0; 
	padding: 0;   
}
.main-text h1 {
	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: 2.0em 0 1.5em 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 3.0em;
    padding: 0;
}
.main-text a {
	color: rgba(201,56,20,1.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;
}
.main-text a:hover {
	color: rgba(201,56,20,1.0);
    text-decoration: overline;
}
.bold {
	font-family: open-sans;
	font-weight: 700;
}
.footer {
    position: relative;
    z-index: 5;
    margin: 0 5% 0 66%;
    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 0 0; 
	padding: 0;
	border: none;   
}
.clear {clear:both; font-size:1px;
}

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

@media (min-width: 1100px) and (max-width: 1499px){
.main-img img { 
	width: 80%;
}
}

@media (min-width: 768px) and (max-width: 1099px){
.main-img img { 
	width: 80%;
}
.main-text { 
	margin: 0 5% 0 0;  
}
.main-text h1 {
	font-size: 1.1em;
}
.main-text p {
	font-size: 1.1em;
}
}

@media (max-width: 767px){
.inside {
	display: none; 
}
.main-img { 
	width: 80%;
    float: left;
	margin: 0 13% 0 7%; 
	padding: 0;   
}
.main-img img { 
	width: 100%;
    float: left;
	margin: 2.0em 0 0 0; 
}
.main-text { 
	width: 80%;
    float: left;
	margin: 0 10%; 
	padding: 0;   
}
.main-text h1 {
	font-size: 1.1em;
	line-height: 2.2em;
	margin: 1.0em 0 1.0em 0;
    padding: 0;
}
.main-text p {
	font-size: 1.1em;
	line-height: 2.2em;
	margin: 0 0 1.4em 0;
    padding: 0;
}
.footer {
    margin: 2em 10%;
}
.footer p {
	font-size: 0.8em;
	line-height: 1.0em;
	margin: 0 0 1.4em 0;
    padding: 2em 0 0 0;
}
}