@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(153,149,146,1.0);
	margin: 0;
	padding: 0;
	font-family: open-sans;
	font-style: normal;
	font-weight: 600;
	text-rendering: optimizeLegibility;
}
.container {
	width: 90%; 
	max-width: 640px;
	margin: 7.8em auto 0 auto;
	padding: 0;
}
.maintext {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
video {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
    border: 0;
}
.maintext p {
	font-family: open-sans;
	font-size: 1.1em;
	line-height: 2.2em;
	color: rgb(255,255,255);
	text-align: left;
	text-rendering: optimizeLegibility;
	font-style: normal;
	font-weight: 600;
	margin: 2em 0 0 0;
    padding: 0;
}
.maintext a {
	color: rgba(215,216,211,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;
}
.maintext a:hover {
	color: rgb(255,255,255);
    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;
}
.footer {
    position: relative;
    z-index: 5;
    margin: 3.0em 0 0 0;
    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(255,255,255);
	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: rgba(215,216,211,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;
}
.footer a:hover {
	color: rgb(255,255,255);
    text-decoration: underline;
}
.footer-small {
	font-family: open-sans;
	font-size: 0.8em;
	line-height: 1.0em;
	color: rgb(255,255,255);
	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: 768px){
.banner-mobile {
	display: none;    
}
}

@media (max-width: 767px){
.maintext { 
	width: 80%;
    float: left;
	margin: 0 10% 0 10%; 
	padding: 0;   
}
.maintext p {
	font-size: 1.0em;
	line-height: 2.1em;
}
.footer {
    margin: 2.0em 0 0 0;
    padding: 0;
}
.footer p {
	font-size: 0.8em;
	line-height: 1.0em;
	margin: 0 0 1.4em 0;
    padding: 2em 0 0 0;
}
}