html, body {line-height: 32px; margin: 0; padding: 0; background-color: #5B534F; font-family: 'Rubik', sans-serif; font-size: 18px; color: #5B534F;}
body {overflow-x: hidden;}
h1, h2, h3, h4, h5, h6, p {margin: 0 0 32px 0; color: #5B534F;}
h1, p.heading-1, h2, p.heading-2, h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-weight: normal; text-transform: uppercase;}
h1, p.heading-1 {line-height: 48px; font-size: 48px;}
h2, p.heading-2 {font-size: 32px;}
h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-size: 24px;}
p.handwritten {font-family: 'Nothing You Could Do', cursive;}
h2.handwritten, p.heading-2.handwritten {text-transform: none; font-weight: normal;}
ul, ol {margin: 0 0 24px 0; padding: 0;}
ul li, ol li {margin: 0 0 0 16px; padding: 0; list-style-type: disc;}
a, a:active, a:focus, a:hover, a:visited {color: #333333;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
a.button {padding: 12px 20px; background-color: #000000; border-radius: 5px; text-decoration: none; color: #FFFFFF; display: inline-block;}
a.button:hover {text-decoration: underline;}
.background-color {background-color: #FFFFFF;}
.background-color * {color: #5B534F;}
.background-color-1 {background-color: #C37800;}
.background-color-1 * {color: #FFFFFF;}
.background-color-2 {background-color: #5B534F;}
.background-color-2 * {color: #FFFFFF;}
.gradient-vertical {background: rgb(146,90,0); background: -moz-linear-gradient(top, rgba(146,90,0,1) 0%, rgba(195,120,0,1) 15%, rgba(195,120,0,1) 49%, rgba(195,120,0,1) 85%, rgba(146,90,0,1) 100%); 	background: -webkit-linear-gradient(top, rgba(146,90,0,1) 0%,rgba(195,120,0,1) 15%,rgba(195,120,0,1) 49%,rgba(195,120,0,1) 85%,rgba(146,90,0,1) 100%); background: linear-gradient(to bottom, rgba(146,90,0,1) 0%,rgba(195,120,0,1) 15%,rgba(195,120,0,1) 49%,rgba(195,120,0,1) 85%,rgba(146,90,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#925a00', endColorstr='#925a00',GradientType=0 );}
.gradient-horizontal {background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 85%, rgba(0,0,0,0.25) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.25) 100%); background: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=1 );}
.padding.top {padding-top: 96px;}
.padding.right {padding-right: 40px;}
.padding.bottom {padding-bottom: 64px;}
.padding.left {padding-left: 40px;}
.media {margin-bottom: 24px;}
.media img {width: 100%; height: auto; display: block;}
.img-fluid {max-width: 100%; height: auto; display: block;}
.global-wrapper {width: 100%; max-width: 1600px; margin: 0 auto; display: table;}
header .header {height: 94px; background-color: #482910;}
header .header nav {top: 46px; position: absolute; z-index: 2;}
header .header nav {}
header .header nav ul, 
header .header nav ul li {margin: 0; padding: 0;}
header .header nav ul li {margin-right: 30px; list-style-type: none; display: inline-block; float: left;}
header .header nav ul li:last-of-type {margin-right: 0;}
header .header nav ul li a, 
header .header nav ul li a:hover {}
header .header nav ul li a {text-decoration: none;}
header .header nav ul li a:hover {}
header .header nav ul li a span {padding: 12px 0; text-transform: uppercase; color: #FFFFFF; display: block;}
header .header nav#left {right: calc(50% + 150px);}
header .header nav#right {left: calc(50% + 150px);}
header .header .logo {top: 14px; left: 50%; transform: translateX(-50%); position: absolute; z-index: 2;}
header .header .logo img {width: 240px;}
section#header-image {position: relative;}
section#header-image .overlay {right: 15px; bottom: 0; left: 15px; background-color: rgba(195,120,0,0.8); text-align: center; position: absolute; z-index: 1;}
section#header-image .overlay * {color: #FFFFFF;}
section#header-image .overlay .padding.top {padding-top: 64px;}
section#header-image .overlay .padding.bottom {padding-bottom: 32px;}
section#header-image .overlay p.handwritten {font-size: 32px; transform: rotate(-5deg); display: block;}
section#header-image img {width: 100%; height: auto; display: block;}
section#intro .padding.top {padding-top: 96px;}
section#intro .padding.bottom {padding-bottom: 64px;}
section.images {position: relative;}
section.images .border.brown {top: 48px; right: 48px; bottom: 48px;  left: 48px; border: 10px solid rgba(195,120,0,0.8); position: absolute; z-index: 1;}
section.images .media {margin: 0;}
section.content .padding.bottom {padding-bottom: 64px;}
section.content.with-ruler .padding.bottom {padding-bottom: 16px;}
.block-ruler-placeholder {height: 100%; padding: 48px;}
.block-ruler-placeholder .block-ruler {height: 100%; border: 2px solid #5B534F; border-top: 0;}
.block-ruler-placeholder .block-ruler .ruler {top: -23px; margin-bottom: 46px; position: relative;}
.block-ruler-placeholder .block-ruler .padding.top {padding-top: 0;}
.block-ruler-placeholder .block-ruler .padding.bottom {}
.block-ruler-placeholder .block-ruler .ruler:before,
.block-ruler-placeholder .block-ruler .ruler:after {border-color: #5B534F;}
.background-color-1 .block-ruler-placeholder .block-ruler {border: 2px solid #FFFFFF; border-top: 0;}
.background-color-1 .block-ruler-placeholder .block-ruler .ruler:before,
.background-color-1 .block-ruler-placeholder .block-ruler .ruler:after {border-color: #FFFFFF;}
.background-color-2 .block-ruler-placeholder .block-ruler {border: 2px solid #FFFFFF; border-top: 0;}
.background-color-2 .block-ruler-placeholder .block-ruler .ruler:before,
.background-color-2 .block-ruler-placeholder .block-ruler .ruler:after {border-color: #FFFFFF;}
hr {margin: 0 0 48px 0; padding: 0; border: 0;  border-top: 2px solid #5B534F;}
.ruler {margin: 0 0 48px 0; position: relative;}
.ruler:before, .ruler:after {top: 50%; width: calc(50% - 100px); border-top: 2px solid #5B534F;  transform: translateY(-50%); content: ""; display: block; position: absolute;}
.ruler:before {left: 0;}
.ruler:after {right: 0;}
.ruler img {height: 48px; margin: 0 auto; display: table;}
.viltje {position: relative;}
.viltje img {width: 100%; height: auto; margin: 48px 0 0 0; display: block;}
.viltje .overlay {left: 50%; width: 80%; text-align: center; transform: translateX(-50%) rotate(-15deg); position: absolute; z-index: 1;}
.viltje .overlay  .padding.left {padding-left: 25%;}
.viltje .overlay p {margin: 0;}
.viltje .overlay h2, 
.viltje .overlay p, 
.viltje .overlay p span, 
.viltje .overlay p strong {color: #5B534F;}
.viltje .overlay p span {font-size: 24px; display: inline-block;}
.viltje .overlay p {font-size: 32px;}
.shadow {-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));}
.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}
footer .footer {background-color: #482910; font-size: 14px;}
footer .footer *, 
footer .footer a, 
footer .footer a:active, 
footer .footer a:focus, 
footer .footer a:hover, 
footer .footer a:visited {color: #FFFFFF;}
footer .footer .padding.top {padding-top: 12px;}
footer .footer .padding.bottom {padding-bottom: 12px;}
footer .footer p {margin: 0;}
footer .footer p#copyright-text {float: left;}
footer .footer p#copyright-line {float: right;}
@media(min-width: 768.02px) and (max-width: 1024px) {
	section#header-image .overlay .padding.top {padding-top: 32px;}
	section#header-image .overlay .padding.bottom {padding-bottom: 0;}
}
@media (max-width: 768px) {
	h1, p.heading-1 {font-size: 32px;}
	h2, p.heading-2 {font-size: 24px;}
	h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-size: 18px;}
	section#header-image .overlay {background-color: rgba(195,120,0,1); position: static;}
	footer p {text-align: center !important; float: none !important;}
}
@media (max-width: 480px) {
	h1, h2, h3, h4, h5, h6 {word-break: break-word;}
	.viltje .overlay {left: 0; width: 100%; transform: rotate(0deg);}
	.viltje .overlay p span {font-size: 18px; display: inline-block;}
	.viltje .overlay p {font-size: 20px;}
	.viltje .overlay .padding.top {padding-top: 48px;}
	.viltje .overlay .padding.bottom {padding-bottom: 48px;}
}