/* catamaran-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/catamaran-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* catamaran-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/catamaran-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* catamaran-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/catamaran-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body { padding: 0; margin: 0; background: #fff; font-family: 'Catamaran'; font-size: 20px; line-height: 30px; font-weight: 400; color: #000000; text-decoration: none; }
h1 { padding: 0; margin: 0; font-family: 'Catamaran'; font-size: 40px; line-height: 54px; font-weight: 700; color: #81AD8F; letter-spacing: .05em; text-transform: uppercase; }
h2 { padding: 0; margin: 0 0 70px 0; font-family: 'Catamaran'; font-size: 26px; line-height: 36px; font-weight: 400; color: #81AD8F; }
h3 { padding: 0; margin: 0 0 22px 0; font-family: 'Catamaran'; font-size: 24px; line-height: 34px; font-weight: 600; color: #81AD8F; letter-spacing: .05em; text-transform: uppercase; }
h4 { padding: 0; margin: 0 0 30px 0; font-family: 'Catamaran'; font-size: 20px; line-height: 30px; font-weight: 400; color: #81AD8F; }
a { color: #000000; text-decoration: underline; }
p { padding: 0; margin: 0 0 30px 0; }
strong { font-weight: 600; }
hr { width: 20%; height: 1px; border: none; margin: 0 auto 20px auto; border-bottom: 1px solid #81AD8F; }
ul, ol { margin: 0 0 30px 20px; padding: 0; text-align: left; }
.clearer { clear: both; }
.contentclearer { clear: both; height: 60px; }
#mobilebutton { display: none; }

#logo { margin: 25px 0 0 0; text-align: center; }
#logo hr { margin: 30px auto 0 auto; }

#content { width: 1100px; padding: 0; margin: 120px auto 155px auto; text-align: center; }
.home { width: 800px!important; padding: 0 150px!important; }
.column { float: left; width: 46%; margin: 20px 8% 0 0; text-align: left; }
.last { margin: 20px 0 0 0; }

#footer { width: 1100px; padding: 0; margin: 0 auto 60px auto; text-align: left; }
#footer .column { width: auto; margin: 0 8% 0 0; }
#footer .column span { display: inline-block; width: 30px; font-weight: 600; color: #000000; }
#footer .last { margin: 0; }
#footer .last span { width: 50px; }

#bottom { width: 100%; padding: 0; margin: 0 0 80px 0; text-align: center; }


/* Responsive */

@media only screen and (max-width: 1100px) {
#content { width: 100%; margin: 70px 0 100px 0; }
#content h1, #content h2 { padding: 0 5%; }
.home { width: 90%!important; padding: 0 5%!important; }
.column { width: 42.5%; margin: 20px 5% 0 5%; }
.last { margin: 20px 5% 0 0; }
#footer { width: 90%; margin: 0 5% 60px 5%; }
#footer .column { width: 25%; margin: 0 5% 0 0; }
#footer .last { margin: 0; }
#mobilebutton { display: block; position: fixed; z-index: 80; bottom: 0; width: 100%; background: #d35e04; text-align: center; padding: 10px 0 0 0; }
}

@media only screen and (max-width: 780px) {
h1 { font-size: 28px; line-height: 46px; }
h2 { margin: 0 0 40px 0; font-size: 22px; line-height: 32px; }
h3 { margin: 40px 0 22px 0; font-size: 20px; line-height: 30px; }
.contentclearer { height: 20px; }
#content { margin: 50px 0 70px 0; }
.column { float: none; width: 90%; margin: 20px 5% 0 5%; }
#footer .column { width: 100%; margin: 0; }
#footer .last { width: 100%; }
}