html {
  scroll-behavior: smooth;
}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

.columns {
}
/* #Basic Styles
================================================== */
	body {
		font-family: "Roboto Serif", serif;
		font-weight: 400; 
		font-optical-sizing: auto;
		font-style: normal;
		font-size: 100%;
		line-height: 28px;
		font-size: 15px;
		color: #283618;
		background-color: #F9F8F2;
		 overflow-x: hidden;
 }
 body#home {
	 padding-top: 0px;
 }
	input, select, textarea, button {
		font-family: "Roboto Serif", serif;
		font-weight: 400; 
		font-style: normal;
		color: #283618;
		background-color: #FFF;
		border: 2px solid #606C38;
		padding: 0px 10px;
		border-radius: 20px;
		vertical-align: middle;
		box-sizing: border-box;
	}
	input, textarea, button {
		padding: 15px 10px;
	}
strong {
	font-weight: 700;
}
/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
		font-style: normal;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #BC6C25; }
	

h1, .h1 {
	font-size: 41px;
	line-height: 49px;
}
h2, .h2 {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
}
h3, .h3 {
	font-size: 17px;
	line-height: 26px;
}
h4, .h4 {
	font-size: 14px;
	line-height: 18px;
}
	 em {
  font-style: italic;
}
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; }
	blockquote cite { display: block; font-size: 12px; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {  }

	hr { border: solid #EBE9E7; border-width: 1px 0 0; clear: both; margin: 10px 0px 10px 0px; height: 0; }
.w100 {
	width: 100%;
}
.w75 {
	width: 75%;
}
.w50 {
	width: 50%;
}
.w25 {
	width: 25%;
}
.sticky {	
	position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.text p {
	margin-bottom: 10px;
}
/* #Links
================================================== */
	a, a:visited { color: #BC6C25; text-decoration: none; outline: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	a:hover, a:focus { color: #BC6C25; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	p a, p a:visited { line-height: inherit; }

/* #Images
================================================== */
	img.scale {
		max-width: 100%;
		height: auto; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.show_mob {
		display: none;
	}
	
	.left {
		display: inline;
		float: left!important;
	}
	.right {
		display: inline;
		float: right!important;
	}
	
	.img-left {
		display: inline;
		float: left;
		margin: 0px 20px 10px 0px;
	}
	.img-right {
		display: inline;
		float: right;
		margin: 0px 0px 10px 20px;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	.mb0 {
		margin-bottom: 0px !important;
	}
	.pb0 {
		padding-bottom: 0px !important;
	}
	.mt0 {
		margin-top: 0px !important;
	}
	.pt0 {
		padding-top: 0px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.pb30 {
		padding-bottom: 30px !important;
	}
	.mt30 {
		margin-top: 30px !important;
	}
	.pt30 {
		padding-top: 30px !important;
	}
	.mb60 {
		margin-bottom: 60px !important;
	}
	.pb60 {
		padding-bottom: 60px !important;
	}
	.mt60 {
		margin-top: 60px !important;
	}
	.pt60 {
		padding-top: 60px !important;
	}
	.mb80 {
		margin-bottom: 80px !important;
	}
	.pb80 {
		padding-bottom: 80px !important;
	}
	.mt80 {
		margin-top: 80px !important;
	}
	.pt80 {
		padding-top: 80px !important;
	}
	.mb100 {
		margin-bottom: 100px !important;
	}
	.pb100 {
		padding-bottom: 100px !important;
	}
	.mt100 {
		margin-top: 100px !important;
	}
	.pt100 {
		padding-top: 100px !important;
	}
	/* Common styles for both */
.radio, .checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  background-color: #DFDCD9;
  border: none;
  margin: 0;
  display: inline-block;
  vertical-align: inherit;
  position: relative;
  cursor: pointer;
  padding: 0px;
  margin-right: 5px;
}

/* Make radio round */
.radio {
  border-radius: 50%;
}

/* Checked radio: inner black dot */
.radio:checked::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: black;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

/* Checked checkbox: full black background and white check */
.checkbox:checked {
  background-color: black;
}

/* White checkmark inside checkbox */
.checkbox:checked::before {
  content: '';
  position: absolute;
	top: 0px;
    left: 3px;
    width: 2px;
    height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
	
	
	
	@media only screen and (max-width: 1480px) {
	

	}
	
	@media only screen and (max-width: 1240px) {	
		h1, .h1 {
	font-size: 35px;
	line-height: 42px;
}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	h1, .h1 {
	font-size: 30px;
	line-height: 40px;
}
h2, .h2 {
	font-size: 23px;
	line-height: 28px;
}
h3, .h3 {
	font-size: 15px;
	line-height: 21px;
}
h4, .h4 {
	font-size: 13px;
	line-height: 17px;
}
		
		.mb100 {
			margin-bottom: 60px !important;
		}
		.pb100 {
			padding-bottom: 60px !important;
		}
		.mt100 {
			margin-top: 60px !important;
		}
		.pt100 {
			padding-top: 60px !important;
		}
		
		.mb60 {
			margin-bottom: 50px !important;
		}
		.pb60 {
			padding-bottom: 50px !important;
		}
		.mt60 {
			margin-top: 50px !important;
		}
		.pt60 {
			padding-top: 50px !important;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 747px) {
		body {
			 padding-top: 65px;
		}
		.mb30 {
		margin-bottom: 15px !important;
		}
		.pb30 {
			padding-bottom: 15px !important;
		}
		.mt30 {
			margin-top: 15px !important;
		}
		.pt30 {
			padding-top: 15px !important;
		}
		.mb60 {
			margin-bottom: 40px !important;
		}
		.pb60 {
			padding-bottom: 40px !important;
		}
		.mt60 {
			margin-top: 40px !important;
		}
		.pt60 {
			padding-top: 40px !important;
		}
		.mb80 {
			margin-bottom: 50px !important;
		}
		.pb80 {
			padding-bottom: 50px !important;
		}
		.mt80 {
			margin-top: 50px !important;
		}
		.pt80 {
			padding-top: 50px !important;
		}
		.sticky {	
			position: relative;
			top: 0px;
		}
		.show_mob {
			display: block;
		}
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 459px) {
		h1, .h1 {
	font-size: 25px;
	line-height: 30px;
}
h2, .h2 {
	font-size: 20px;
	line-height: 26px;
}
	}