/**
    Main colors
**/
/**
    Text Colors
**/
/**
    Custom Colors
**/
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");
.color--water {
  color: #25676f; }

*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

a {
  text-decoration: none;
  color: inherit; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: whitesmoke; }
  @media (max-width: 47.9375em) {
    html {
      font-size: 45%; } }
  @media (min-width: 47.9375em) and (max-width: 60.625em) {
    html {
      font-size: 50%; } }
  @media (min-width: 60.625em) and (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media (min-width: 93.75em) and (max-width: 112.5em) {
    html {
      font-size: 75%; } }
  @media (min-width: 112.5em) {
    html {
      font-size: 75%; } }

.section {
  padding: 6rem; }

.button {
  padding: 1rem; }
  .button--water {
    color: white;
    background-color: #25676f; }
  .button--water:hover {
    background-color: #46a9b5 !important; }
  .button--space-top {
    margin-top: 1rem !important; }

* {
  font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif !important;
  font-size: 22px; }
  @media (max-width: 28.125em) {
    * {
      line-height: 99%; } }
  @media (max-width: 47.9375em) {
    * {
      line-height: 99%; } }
  @media (min-width: 47.9375em) and (max-width: 60.625em) {
    * {
      line-height: 99%; } }

h1 {
  font-size: 4rem; }
  @media (max-width: 47.9375em) {
    h1 {
      font-size: 5rem !important; } }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2rem; }

/** [Components] **/
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
  background-color: white; }

.nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  padding: 1rem;
  max-height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .nav--light {
    color: white; }
  .nav--dark {
    color: #333; }
  .nav__logo {
    width: 10%;
    object-fit: contain;
    padding: 0; }
    .nav__logo img {
      height: 45px; }
  .nav__links {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    .nav__links__link {
      margin: 0 1rem; }
      .nav__links__link :hover {
        color: grey !important; }

.jumbotron {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: attr(data-background-image url); }
  .jumbotron--header {
    margin-top: calc(-53px - 2rem); }
  .jumbotron--third {
    height: 33.33vh; }
  .jumbotron--half {
    height: 50vh; }
  .jumbotron--three-quarter {
    height: 66.66vh; }
  .jumbotron--full {
    height: 100vh; }
  .jumbotron--light {
    background-color: #333;
    color: white; }
  .jumbotron--dark {
    background-color: grey;
    color: #333; }
  .jumbotron--left {
    justify-content: flex-start; }
  .jumbotron__container--centered {
    text-align: center; }
  .jumbotron__container--left {
    padding-left: 6rem;
    text-align: left; }

.cta {
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: attr(data-background-image url); }
  .cta--background-bottom-left {
    background-position: bottom left; }
  .cta--header {
    margin-top: calc(-53px - 2rem); }
  .cta--third {
    height: 33.33vh; }
  .cta--half {
    height: 50vh; }
  .cta--three-quarter {
    height: 66.66vh; }
  .cta--full {
    height: 100vh; }
  .cta--light {
    background-color: #333;
    color: white; }
  .cta--dark {
    background-color: grey;
    color: #333; }
  .cta--left {
    justify-content: flex-start; }
  .cta__container--centered {
    text-align: center; }
  .cta__container--left {
    padding-left: 6rem;
    text-align: left; }