/* Page Setup + Mixins */
:root {
  --gutter: 20px;
  --pageMarginTotal: 50px;
  --pageMargin: calc(var(--pageMarginTotal) - (var(--gutter) / 2));
  --vertical: 80px;
  --easing: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  --colour-primary-black: #000; }
  @media all and (max-width: 580px) {
    :root {
      --pageMarginTotal: 20px;
      --vertical: 50px; } }
*,
*::before,
*::after {
  box-sizing: border-box; }

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0; }

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased; }

ul,
ol {
  list-style: none;
  padding: 0; }

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  height: auto;
  display: block; }

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

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

b {
  font-weight: 600; }

.text-l {
  text-align: left; }

.text-c {
  text-align: center; }

.text-r {
  text-align: right; }

.float-l {
  float: left; }

.float-r {
  float: right; }

/* WORDPRESS */
img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.columns {
  display: flex;
  flex-wrap: wrap;
  padding: 0 var(--pageMargin);
  width: 100%; }

.columns + .columns {
  margin-top: var(--vertical); }

.col {
  padding: 0 calc(var(--gutter) / 2); }

.col-1 {
  width: 8.333%; }

.col-2 {
  width: 16.666%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.333%; }

.col-5 {
  width: 41.666%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.333%; }

.col-8 {
  width: 66.666%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.333%; }

.col-11 {
  width: 91.666%; }

.col-12 {
  width: 100%; }

.push-1 {
  margin-left: 8.333%; }

.push-2 {
  margin-left: 16.666%; }

.push-3 {
  margin-left: 25%; }

.push-4 {
  margin-left: 33.333%; }

.push-5 {
  margin-left: 41.666%; }

.push-6 {
  margin-left: 50%; }

.push-7 {
  margin-left: 58.333%; }

.push-8 {
  margin-left: 66.666%; }

.push-9 {
  margin-left: 75%; }

.push-10 {
  margin-left: 83.333%; }

.push-11 {
  margin-left: 91.666%; }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-1 {
    margin-left: 8.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-2 {
    margin-left: 16.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-3 {
    margin-left: 25%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-4 {
    margin-left: 33.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-5 {
    margin-left: 41.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-6 {
    margin-left: 50%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-7 {
    margin-left: 58.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-8 {
    margin-left: 66.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-9 {
    margin-left: 75%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-10 {
    margin-left: 83.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-push-11 {
    margin-left: 91.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-1 {
    width: 8.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-2 {
    width: 16.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-3 {
    width: 25%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-4 {
    width: 33.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-5 {
    width: 41.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-6 {
    width: 50%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-7 {
    width: 58.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-8 {
    width: 66.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-9 {
    width: 75%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-10 {
    width: 83.333%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-11 {
    width: 91.666%; } }

@media all and (max-width: 1024px) {
  .tablet-lndscp-col-12 {
    width: 100%; } }

@media all and (max-width: 768px) {
  .tablet-push-1 {
    margin-left: 8.333%; } }

@media all and (max-width: 768px) {
  .tablet-push-2 {
    margin-left: 16.666%; } }

@media all and (max-width: 768px) {
  .tablet-push-3 {
    margin-left: 25%; } }

@media all and (max-width: 768px) {
  .tablet-push-4 {
    margin-left: 33.333%; } }

@media all and (max-width: 768px) {
  .tablet-push-5 {
    margin-left: 41.666%; } }

@media all and (max-width: 768px) {
  .tablet-push-6 {
    margin-left: 50%; } }

@media all and (max-width: 768px) {
  .tablet-push-7 {
    margin-left: 58.333%; } }

@media all and (max-width: 768px) {
  .tablet-push-8 {
    margin-left: 66.666%; } }

@media all and (max-width: 768px) {
  .tablet-push-9 {
    margin-left: 75%; } }

@media all and (max-width: 768px) {
  .tablet-push-10 {
    margin-left: 83.333%; } }

@media all and (max-width: 768px) {
  .tablet-push-11 {
    margin-left: 91.666%; } }

@media all and (max-width: 768px) {
  .tablet-col-1 {
    width: 8.333%; } }

@media all and (max-width: 768px) {
  .tablet-col-2 {
    width: 16.666%; } }

@media all and (max-width: 768px) {
  .tablet-col-3 {
    width: 25%; } }

@media all and (max-width: 768px) {
  .tablet-col-4 {
    width: 33.333%; } }

@media all and (max-width: 768px) {
  .tablet-col-5 {
    width: 41.666%; } }

@media all and (max-width: 768px) {
  .tablet-col-6 {
    width: 50%; } }

@media all and (max-width: 768px) {
  .tablet-col-7 {
    width: 58.333%; } }

@media all and (max-width: 768px) {
  .tablet-col-8 {
    width: 66.666%; } }

@media all and (max-width: 768px) {
  .tablet-col-9 {
    width: 75%; } }

@media all and (max-width: 768px) {
  .tablet-col-10 {
    width: 83.333%; } }

@media all and (max-width: 768px) {
  .tablet-col-11 {
    width: 91.666%; } }

@media all and (max-width: 768px) {
  .tablet-col-12 {
    width: 100%; } }

@media screen and (max-width: 580px) {
  .push-1,
  .push-2,
  .push-3,
  .push-4,
  .push-5,
  .push-6,
  .push-7,
  .push-8,
  .push-9,
  .push-10,
  .push-11
.tablet-push-1,
  .tablet-push-2,
  .tablet-push-3,
  .tablet-push-4,
  .tablet-push-5,
  .tablet-push-6,
  .tablet-push-7,
  .tablet-push-8,
  .tablet-push-9,
  .tablet-push-10,
  .tablet-push-11 {
    margin-left: 0; } }

@media screen and (max-width: 580px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .tablet-lndscp-col-1,
  .tablet-lndscp-col-2,
  .tablet-lndscp-col-3,
  .tablet-lndscp-col-4,
  .tablet-lndscp-col-5,
  .tablet-lndscp-col-6,
  .tablet-lndscp-col-7,
  .tablet-lndscp-col-8,
  .tablet-lndscp-col-9,
  .tablet-lndscp-col-10,
  .tablet-lndscp-col-11,
  .tablet-lndscp-col-12,
  .tablet-col-1,
  .tablet-col-2,
  .tablet-col-3,
  .tablet-col-4,
  .tablet-col-5,
  .tablet-col-6,
  .tablet-col-7,
  .tablet-col-8,
  .tablet-col-9,
  .tablet-col-10,
  .tablet-col-11,
  .tablet-col-12 {
    width: 100%; } }

@media all and (max-width: 580px) {
  .mobile-col-1 {
    width: 8.333%; } }

@media all and (max-width: 580px) {
  .mobile-col-2 {
    width: 16.666%; } }

@media all and (max-width: 580px) {
  .mobile-col-3 {
    width: 25%; } }

@media all and (max-width: 580px) {
  .mobile-col-4 {
    width: 33.333%; } }

@media all and (max-width: 580px) {
  .mobile-col-5 {
    width: 41.666%; } }

@media all and (max-width: 580px) {
  .mobile-col-6 {
    width: 50%; } }

@media all and (max-width: 580px) {
  .mobile-col-7 {
    width: 58.333%; } }

@media all and (max-width: 580px) {
  .mobile-col-8 {
    width: 66.666%; } }

@media all and (max-width: 580px) {
  .mobile-col-9 {
    width: 75%; } }

@media all and (max-width: 580px) {
  .mobile-col-10 {
    width: 83.333%; } }

@media all and (max-width: 580px) {
  .mobile-col-11 {
    width: 91.666%; } }

@media all and (max-width: 580px) {
  .mobile-col-12 {
    width: 100%; } }

@media all and (max-width: 580px) {
  .mobile-push-1 {
    margin-left: 8.333%; } }

@media all and (max-width: 580px) {
  .mobile-push-2 {
    margin-left: 16.666%; } }

@media all and (max-width: 580px) {
  .mobile-push-3 {
    margin-left: 25%; } }

@media all and (max-width: 580px) {
  .mobile-push-4 {
    margin-left: 33.333%; } }

@media all and (max-width: 580px) {
  .mobile-push-5 {
    margin-left: 41.666%; } }

@media all and (max-width: 580px) {
  .mobile-push-6 {
    margin-left: 50%; } }

@media all and (max-width: 580px) {
  .mobile-push-7 {
    margin-left: 58.333%; } }

@media all and (max-width: 580px) {
  .mobile-push-8 {
    margin-left: 66.666%; } }

@media all and (max-width: 580px) {
  .mobile-push-9 {
    margin-left: 75%; } }

@media all and (max-width: 580px) {
  .mobile-push-10 {
    margin-left: 83.333%; } }

@media all and (max-width: 580px) {
  .mobile-push-11 {
    margin-left: 91.666%; } }

.show-mobile {
  display: none; }
  @media all and (max-width: 580px) {
    .show-mobile {
      display: flex; } }
@media all and (max-width: 580px) {
  .hide-mobile {
    display: none; } }

/* General Styles */
body {
  font-family: 'Poppins', sans-serif;
  background: #E5E5E5;
  color: #373737; }

header {
  position: relative; }

.banner-image {
  position: relative;
  padding-bottom: 37.96%;
  height: 0; }
  .banner-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; }

.header-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  max-width: 20vw; }

main {
  text-align: center; }

section {
  padding: 150px 40px;
  font-size: 30px; }
  @media all and (max-width: 580px) {
    section {
      padding: 90px 30px;
      font-size: 18px; } }
h2 {
  font-weight: 400;
  color: #E44852;
  font-size: 30px; }
  @media all and (max-width: 580px) {
    h2 {
      font-size: 18px; } }
footer {
  background: #303030;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  font-size: 10px;
  padding: 55px 0 25px 0; }

.footer-logo {
  max-width: 83px;
  display: inline-block;
  margin-bottom: 40px; }
  .footer-logo img {
    width: 100%;
    display: block; }

a {
  color: currentColor;
  text-decoration: none; }
  a:hover {
    color: #E44852; }