* {
	box-sizing: border-box; 
}
body {
    background-color: #fff;
    color: #8dbf43;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

h1, h2, h3 {
	font-family: 'Bree Serif', bold;
	color:#422918;
}

.container{
	width: 100%; 
	max-width: 1200px;   
	margin: 0 auto;	
}
.row {
	background: #fff;
}
.row:before, 
.row:after {
	content:"";
	display: table ;
	clear:both;
}

.col-1{ width: 33.33%; float: left; min-height: 1px; padding: 10px;}
.col-2{ width: 66.66%; float: left; min-height: 1px; padding: 10px;}
.col-3{ width: 100%; float: left; min-height: 1px; padding: 10px; }

@media all and (max-width:800px){
	.col-1{ width: 100%; }
	.col-2{ width: 100%; }
	.col-3{ width: 100%; }
}

.box {
	padding: 10px 20px;
	border: 0px solid #ddd;
}

.video {
   position: relative;
   padding-bottom: 56.25%; padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.video iframe,
  .responsiveVideo object,
 .responsiveVideo embed {
   position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}