/* global */

body {
  --vertical-space: 20px;
  --horizontal-space: 20px;
}

.cancel-last-content-margin p:last-child, .cancel-last-content-margin h1:last-child, .cancel-last-content-margin h2:last-child, .cancel-last-content-margin h3:last-child {
  margin-bottom: 0;
}

.row-h-margin {
  margin-left: calc(-0.5 * var(--horizontal-space));
  margin-right: calc(-0.5 * var(--horizontal-space));
}

.row-h-margin > div {
  padding-left: calc(0.5 * var(--horizontal-space));
  padding-right: calc(0.5 * var(--horizontal-space));
}

.row-v-margin-3 {
  margin-bottom: calc(-1 * var(--vertical-space));
}

.row-v-margin-3 > [class^="col-"] {
  margin-bottom: var(--vertical-space);
}

.row-v-margin-4 {
  margin-bottom: calc(-2 * var(--vertical-space));
}

.row-v-margin-4 > [class^="col-"] {
  margin-bottom: calc(2 * var(--vertical-space));
}

.mt-3 {
  margin-top: var(--vertical-space);
}

.mt-4 {
  margin-top: calc(2 * var(--vertical-space));
}

.mt-5 {
  margin-top: calc(4 * var(--vertical-space));
}

.mb-2 {
  margin-bottom: calc(0.5 * var(--vertical-space)) !important;
}

.mb-3 {
  margin-bottom: var(--vertical-space) !important;
}

.mb-4 {
  margin-bottom: calc(2 * var(--vertical-space)) !important;
}

.my-3 {
  margin-top: var(--vertical-space);
  margin-bottom: var(--vertical-space);
}


/* homepage */

.home-center-link-image {
  min-height: 240px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 16px;
  background-position: center center;
  background-size: cover;
}

.home-bottom-panel p {
  margin-bottom: var(--vertical-space);
}

@media (max-width: 1212px) {
}