/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/**
* Utilities
**/
.ruler-horizontal {
  background: linear-gradient(to bottom, #ff9191, #ff9191 50%, #ffffff 50%, #ffffff);
  background-size: 100% 3.2rem; }

.ruler-vertical {
  background: repeating-linear-gradient(to right, #f6ba52, #f6ba52 1.6rem, #ffffff 1.6rem, #ffffff 3.2rem); }

/**
* Base
**/
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, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-feature-settings: "kern", "liga", "pnum", "ss01";
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  max-width: 100%; }

svg:not(:root) {
  overflow: hidden; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  display: none; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

body {
  font-size: 1.6rem;
  font-family: sans-serif;
  line-height: 1.5;
  color: #102650; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.025em;
  margin-bottom: .7em; }
  * + h1, * +
  h2, * +
  h3, * +
  h4, * +
  h5, * +
  h6 {
    margin-top: 4.3904rem; }

p {
  margin-bottom: 1em;
  max-width: 48rem; }

ul, ol {
  font-variant-numeric: tabular-nums;
  list-style-position: inside;
  padding-left: 1.6rem;
  margin-bottom: 1em;
  margin-top: 1em; }
  ul li, ol li {
    margin-bottom: 0; }

a:not([class]) {
  font-weight: bold;
  text-decoration: none;
  color: #DA2934;
  border: 1px dashed transparent; }
  a:not([class]):active, a:not([class]):hover {
    color: #b11f28; }
  a:not([class]):focus {
    border: 1px dashed #DA2934; }
  a:not([class]):visited {
    color: #e2545d; }

em {
  font-style: italic; }

q, blockquote {
  padding-left: 1.6rem;
  margin-bottom: 1em;
  font-size: 2.24rem;
  color: #1400FF;
  max-width: 48rem; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d6d6d6;
  margin: 1em 0;
  padding: 0; }

label {
  display: block;
  font-weight: bold;
  font-variant: all-small-caps;
  letter-spacing: 0.025em;
  margin-top: 2em;
  margin-bottom: .5em; }

::selection {
  background: #DA2934;
  /* WebKit/Blink Browsers */
  color: white; }

::-moz-selection {
  background: #DA2934;
  /* Gecko Browsers */
  color: white; }

code, kbd, pre, samp {
  font-family: monospace;
  background: #e6e6e6;
  padding: .1em .2em;
  margin: 0.1em;
  padding: .25ex .75ch; }

h1,
.font-size-xxl {
  font-size: 4.3904rem; }

h2,
.font-size-xl {
  font-size: 3.136rem; }

h3,
h4,
h5,
h6,
.font-size-l {
  font-size: 2.24rem; }

.font-size-base {
  font-size: 1.6rem; }

.font-size-s,
small {
  font-size: 1.14286rem; }

.font-size-xs {
  font-size: 0.81633rem; }

.font-primary {
  font-family: sans-serif; }

.font-secondary {
  font-family: serif; }

.line-height-base {
  line-height: 1.5; }

.line-height-heading {
  line-height: 1; }

/**
* Layouts
**/
table {
  border: 1px solid #d6d6d6;
  border-collapse: collapse;
  margin-bottom: 4.8rem; }
  table thead th,
  table tfoot th {
    background: #cacaca; }
  table th,
  table td {
    padding: .5em;
    border: 1px solid #d6d6d6; }
  table tr:nth-child(even) {
    background: #e6e6e6; }
  table tr:nth-child(odd) {
    color: #102650; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  width: 100%;
  max-width: 48rem;
  background: #efefef;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  padding: .5em .75em;
  margin-bottom: 1em;
  outline: none; }

[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
  border: 1px dashed; }

[type='color']:invalid, [type='date']:invalid, [type='datetime']:invalid, [type='datetime-local']:invalid, [type='email']:invalid, [type='month']:invalid, [type='number']:invalid, [type='password']:invalid, [type='search']:invalid, [type='tel']:invalid, [type='text']:invalid, [type='time']:invalid, [type='url']:invalid, [type='week']:invalid, input:not([type]):invalid, textarea:invalid {
  border: 1px dashed #cc0000; }

select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: .5em 3em .5em 1em;
  outline: none;
  border-radius: 3px;
  border: 1px solid #d6d6d6;
  background: #efefef;
  background-image: url(img/caret-down.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  line-height: 1.15; }
  select:focus {
    border: 1px dashed; }
  select:invalid {
    border: 1px dashed #cc0000; }

select::-ms-expand {
  display: none; }

form label {
  display: block; }

.section {
  padding: 6.14656rem 0; }
  .section--no-padding {
    padding: 0; }
  .section--no-margin.section {
    margin: 0; }

.container {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 1.6rem; }
  .container--no-padding {
    padding: 0; }

.component {
  margin-bottom: 4.3904rem; }

.site-header {
  background: white;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (max-width: 768px) {
    .site-header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; } }
  .site-header__inner {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .site-header__inner {
        margin-bottom: 0; } }
  .site-header__logo {
    width: 50%;
    max-width: 24rem; }
    .site-header__logo img {
      max-height: 80px; }
    @media screen and (max-width: 768px) {
      .site-header__logo img {
        max-height: 60px; } }
  .site-header__menu-desktop {
    width: 100%; }
    @media screen and (max-width: 768px) {
      .site-header__menu-desktop {
        display: none; } }

/**
 * Mobile menu container
 */
.site-header__menu-mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 10;
  transform: translateX(104%);
  transition: transform 0.2s ease;
  padding: 1rem 2rem;
  overflow: scroll; }
  @media screen and (max-width: 768px) {
    .site-header__menu-mobile {
      display: block; } }
  .site-header__menu-mobile--open {
    transform: translateX(0); }

/**
 * Mobile menu toggler (Visible when menu is closed)
 */
.site-header__menu-toggle {
  display: none;
  padding: 1rem;
  margin-left: auto;
  margin-right: 2rem;
  border-radius: 4px;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .site-header__menu-toggle {
      display: flex; } }

/**
 * Mobile menu toggler (Visible when menu is open)
 */
.site-header__menu-close {
  display: flex;
  position: absolute;
  right: 2rem;
  padding: 1rem;
  border-radius: 4px;
  cursor: pointer; }

/**
 * Desktop Menu
 */
.desktop-menu {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 0 0 0 4rem; }
  .desktop-menu ul {
    display: flex;
    list-style: none; }
  .desktop-menu li,
  .desktop-menu .page_item {
    padding: 2rem 1rem; }

/**
 * Mobile menu
 */
.mobile-menu {
  margin-top: 5rem; }
  .mobile-menu ul, .mobile-menu li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .mobile-menu li,
  .mobile-menu .page_item {
    padding: 1rem;
    text-align: center; }

.row {
  margin-left: -1.6rem;
  margin-right: -1.6rem; }
  .row::after {
    clear: both;
    content: "";
    display: block; }

.col-1 {
  width: calc(8.33333% - 1.73333rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-1 {
  margin-left: calc(8.33333% - 21.66667px + 40px); }

.col-2 {
  width: calc(16.66667% - 1.86667rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-2 {
  margin-left: calc(16.66667% - 23.33333px + 40px); }

.col-3 {
  width: calc(25% - 2rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-3 {
  margin-left: calc(25% - 25px + 40px); }

.col-4 {
  width: calc(33.33333% - 2.13333rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-4 {
  margin-left: calc(33.33333% - 26.66667px + 40px); }

.col-5 {
  width: calc(41.66667% - 2.26667rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-5 {
  margin-left: calc(41.66667% - 28.33333px + 40px); }

.col-6 {
  width: calc(50% - 2.4rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-6 {
  margin-left: calc(50% - 30px + 40px); }

.col-7 {
  width: calc(58.33333% - 2.53333rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-7 {
  margin-left: calc(58.33333% - 31.66667px + 40px); }

.col-8 {
  width: calc(66.66667% - 2.66667rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-8 {
  margin-left: calc(66.66667% - 33.33333px + 40px); }

.col-9 {
  width: calc(75% - 2.8rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-9 {
  margin-left: calc(75% - 35px + 40px); }

.col-10 {
  width: calc(83.33333% - 2.93333rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-10 {
  margin-left: calc(83.33333% - 36.66667px + 40px); }

.col-11 {
  width: calc(91.66667% - 3.06667rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-11 {
  margin-left: calc(91.66667% - 38.33333px + 40px); }

.col-12 {
  width: calc(100% - 3.2rem);
  float: left;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem; }

.col-push-12 {
  margin-left: calc(100% - 40px + 40px); }

@media (max-width: 1024px) {
  .col-md-1 {
    width: calc(8.33333% - 1.73333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-1 {
    margin-left: calc(8.33333% - 1.73333rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-2 {
    width: calc(16.66667% - 1.86667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-2 {
    margin-left: calc(16.66667% - 1.86667rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-3 {
    width: calc(25% - 2rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-3 {
    margin-left: calc(25% - 2rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-4 {
    width: calc(33.33333% - 2.13333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-4 {
    margin-left: calc(33.33333% - 2.13333rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-5 {
    width: calc(41.66667% - 2.26667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-5 {
    margin-left: calc(41.66667% - 2.26667rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-6 {
    width: calc(50% - 2.4rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-6 {
    margin-left: calc(50% - 2.4rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-7 {
    width: calc(58.33333% - 2.53333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-7 {
    margin-left: calc(58.33333% - 2.53333rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-8 {
    width: calc(66.66667% - 2.66667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-8 {
    margin-left: calc(66.66667% - 2.66667rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-9 {
    width: calc(75% - 2.8rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-9 {
    margin-left: calc(75% - 2.8rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-10 {
    width: calc(83.33333% - 2.93333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-10 {
    margin-left: calc(83.33333% - 2.93333rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-11 {
    width: calc(91.66667% - 3.06667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-11 {
    margin-left: calc(91.66667% - 3.06667rem + 3.2rem); } }

@media (max-width: 1024px) {
  .col-md-12 {
    width: calc(100% - 3.2rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 1024px) {
  .col-md-push-12 {
    margin-left: calc(100% - 3.2rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-1 {
    width: calc(8.33333% - 1.73333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-1 {
    margin-left: calc(8.33333% - 1.73333rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-2 {
    width: calc(16.66667% - 1.86667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-2 {
    margin-left: calc(16.66667% - 1.86667rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-3 {
    width: calc(25% - 2rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-3 {
    margin-left: calc(25% - 2rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-4 {
    width: calc(33.33333% - 2.13333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-4 {
    margin-left: calc(33.33333% - 2.13333rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-5 {
    width: calc(41.66667% - 2.26667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-5 {
    margin-left: calc(41.66667% - 2.26667rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-6 {
    width: calc(50% - 2.4rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-6 {
    margin-left: calc(50% - 2.4rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-7 {
    width: calc(58.33333% - 2.53333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-7 {
    margin-left: calc(58.33333% - 2.53333rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-8 {
    width: calc(66.66667% - 2.66667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-8 {
    margin-left: calc(66.66667% - 2.66667rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-9 {
    width: calc(75% - 2.8rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-9 {
    margin-left: calc(75% - 2.8rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-10 {
    width: calc(83.33333% - 2.93333rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-10 {
    margin-left: calc(83.33333% - 2.93333rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-11 {
    width: calc(91.66667% - 3.06667rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-11 {
    margin-left: calc(91.66667% - 3.06667rem + 3.2rem); } }

@media (max-width: 480px) {
  .col-sm-12 {
    width: calc(100% - 3.2rem);
    float: left;
    margin-left: 1.6rem;
    margin-bottom: 1.6rem; } }

@media (max-width: 480px) {
  .col-sm-push-12 {
    margin-left: calc(100% - 3.2rem + 3.2rem); } }

/**
* Pages
**/
.site-404 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 48rem;
  margin: 0 auto; }
  .site-404__header {
    width: 100%;
    text-align: center;
    margin-bottom: 4rem; }
  .site-404__title {
    font-size: 4.3904rem; }
  .site-404__search {
    display: flex;
    width: 100%; }

/**
* Components
**/
.button,
button, [type='button'], [type='reset'], [type='submit'] {
  border-radius: 3px;
  display: inline-flex;
  font-weight: bold;
  line-height: 1;
  padding: 1.14286rem;
  text-decoration: none;
  user-select: none;
  outline: none;
  vertical-align: middle;
  background: #DA2934;
  color: white;
  min-width: 16rem;
  border: none;
  align-items: center;
  justify-content: center; }
  .button:disabled,
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    opacity: .5; }
  .button + .button, .button button, .button [type='button'], .button [type='reset'], .button [type='submit'],
  button + .button,
  button button,
  button [type='button'],
  button [type='reset'],
  button [type='submit'], [type='button'] + .button, [type='button'] button, [type='button'] [type='button'], [type='button'] [type='reset'], [type='button'] [type='submit'], [type='reset'] + .button, [type='reset'] button, [type='reset'] [type='button'], [type='reset'] [type='reset'], [type='reset'] [type='submit'], [type='submit'] + .button, [type='submit'] button, [type='submit'] [type='button'], [type='submit'] [type='reset'], [type='submit'] [type='submit'] {
    margin-left: 1.6rem; }

i.button__icon {
  margin-left: auto;
  font-size: 1.6rem; }

.button:focus,
.button:active,
.button:hover,
button:focus, [type='button']:focus, [type='reset']:focus, [type='submit']:focus,
button:active, [type='button']:active, [type='reset']:active, [type='submit']:active,
button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover {
  background: #b11f28;
  color: white; }

.button--secondary {
  background: #1400FF;
  color: white; }
  .button--secondary:hover, .button--secondary:focus, .button--secondary:active {
    background: #1000cc;
    color: white; }

.cookie-bar {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 2rem;
  background: #FFFFFF;
  border-top: 1px solid #efefef;
  box-shadow: 0 5px 31px 0 rgba(0, 0, 0, 0.4);
  transform: translateY(150%);
  transition: transform 0.2s ease; }
  .cookie-bar--visible {
    transform: translateY(0); }
  .cookie-bar__text {
    text-align: center;
    margin-bottom: 2rem; }
  .cookie-bar__actions {
    text-align: center; }

.hero {
  min-height: 60rem;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .hero__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .hero__image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      filter: brightness(50%); }
  .hero__content {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white; }

/**
 * Define variables if they don't exist.
 * Don't overwrite if they do.
 */
.spot {
  display: flex;
  width: 100%;
  border: 1px solid #b3b3b3;
  margin-bottom: 2rem;
  color: black;
  background: #FFFFFF;
  border: 1px solid rgba(68, 66, 79, 0.1);
  box-shadow: 0 2px 4px 0 rgba(12, 0, 51, 0.1);
  border-radius: 4px;
  /**
    * Variations - Vertical
    */
  /**
    * Variations - Blank
    */ }
  .spot > a {
    display: flex;
    color: #000;
    text-decoration: none;
    width: 100%; }
  .spot__image {
    width: 34%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 200px;
    position: relative; }
    .spot__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: auto;
      right: 0; }
  .spot__title {
    font-size: 2rem; }
  .spot__text {
    width: 66%;
    padding: 2rem;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .spot__text p:last-child {
      margin-bottom: 0; }
  .spot .button {
    margin-top: auto; }
  .spot--vertical > a {
    display: block; }
  .spot--vertical .spot__image {
    width: 100%;
    min-height: initial;
    padding-bottom: 35%; }
  .spot__text--vertical {
    width: 100%; }
  .spot__text--blank {
    width: 100%; }

/**
 * Define variables if they don't exist.
 * Don't overwrite if they do.
 */
.person {
  display: flex;
  width: 100%;
  border: 1px solid #b3b3b3;
  background: #fff;
  border: 1px solid rgba(68, 66, 79, 0.1);
  box-shadow: 0 2px 4px 0 rgba(12, 0, 51, 0.1);
  border-radius: 4px;
  margin-bottom: 2rem;
  /**
  * Variations - Half
  */ }
  .person > a {
    display: flex;
    text-decoration: none;
    width: 100%;
    color: #000;
    font-weight: 300; }
  .person__image-wrapper {
    width: 58%;
    max-width: 200px; }
  .person__image {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 100%;
    background-color: #efefef;
    position: relative; }
    .person__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: auto;
      right: 0; }
  .person__title {
    font-size: 2rem;
    font-weight: 600; }
  .person__content {
    width: 100%;
    padding: 2rem; }
  .person--half {
    width: calc(50% - 1rem); }
    .person--half:nth-child(odd) {
      margin-right: auto; }

.divider {
  height: 0px;
  width: 100%;
  margin: 0;
  padding-top: 3.136rem;
  padding-bottom: 3.136rem;
  display: block;
  position: relative;
  border: none; }
  .divider--border::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border-bottom: 1px solid #d6d6d6; }


/*# sourceMappingURL=app.css.map*/