@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'),
       url('fonts/open-sans-v15-latin-300.woff') format('woff'),
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'),
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg');
}

body {

    background-color: #fff;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	color: #333;
	line-height: 1.5em;
	font-size: 1.1em;
	}
h1,h2,h3{
	color: #90c100;
	font-family: 'Open Sans';
	}

a {color: #333;}
a:hover{color: #90c100; font-weight: bold: }
p {overflow-wrap: break-word;hyphens: auto;}
		
.row80 {width: 80%; max-width:980px; text-align: center; margin: 2em auto;}
.row100 {width: 95%; padding: 1em 2em;text-align: left;overflow-wrap: break-word;hyphens: auto;}
.row50l {width: 49%; float: left; margin-right: 1%;text-align: right;}
.row50r {width: 49%; float: left; margin-left: 1%; }
.footer {width: 95%; padding: 1em 2em; font-size: 0.85em; text-align: center;}
hr {border: none; width: 100%; height: 1px; background-color: #ccc;}
.col30 {width: 30%; float: left; margin-right: 1%; text-align: left;}
.col30:last-child {width: 30%; float: left; margin-right: 0; text-align: left;}
.clear {clear: both;}
		
@media (max-width: 768px) {
	.col30 {width: 100%; float: none; margin-right: 0; text-align: left;}
	.row50l, .row50r {width: 100%; float: none; margin-right: 0; text-align: left;}
	}