.theme.colourway-custom .service .user-name,
.theme.colourway-custom .service .btn-link,
.theme.colourway-custom .service .newsletter-form .disclaimer,
.theme.colourway-custom .service .newsletter-form * {
  font-family: "Karla", "karla", Arial;

  font-weight: 1700;

  font-size: 16px;
}

.theme.colourway-custom {
  background-color: #ffffff;
}

.user-profile__social-icon {
  fill: #444444;
}

.theme.colourway-custom .btn-link,
.theme.colourway-custom .newsletter-form form:not(.active) {
  border-width: 2px;

  border-style: solid;

  border-color: #68a524;

  background-color: #68a524;

  color: #444444;

  border-radius: 8px;
}

.theme.colourway-custom .icon-wrap {
  border-radius: 8px;
}

.theme.colourway-custom .link .thumbnail {
  border-radius: 2px;
}

.service.theme.colourway-custom .btn-link:hover,
.service.theme.colourway-custom .newsletter-form form:not(.active):hover {
  background-color: transparent;

  color: #68a524;

  border-color: #444444;
}

@keyframes animate-swipe {
  4.16%,
  8.33% {
    background-position: 0 0;

    color: #4b4444;
  }

  12.49%,
  20.83% {
    background-position: -100% 0;

    color: #000000;
  }

  24.99%,
  29.16% {
    background-position: 0 0;

    color: #4b4444;
  }

  33.33% {
    background-position: 100% 0;

    color: #000000;
  }
}

.service.theme.colourway-custom .btn-link.animate-swipe {
  background-image: linear-gradient(to right, transparent 50%, #4b4444 50%);

  color: #000000;
}

h2 {
  margin-bottom: 0px;
}

p {
  margin-top: 0px;
}

h2 {
  font-weight: 500;
}

h3 {
  font-weight: 100;
}

p {
  color: white;

  font-size: 1.5em;
}

.lg {
  font-size: 150%;
}

.sm {
  font-weight: 100;
}

img {
  width: 100%;

  height: auto;
}

.view-mobile {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}