body {
      --primary-color: #191919;
      --primary-color-transparent: #191919dd;
      --secondary-color: #2D4263;
      --secondary-color-transparent: #2D4263ee;
      --tertiary-color: #fff;
      --tertiary-color-transparent: #ffffffdd;
      --light-color: #fff;
      --light-color-transparent: #fff;
      --link-color: #C84B31;
    }

    h1 {
      font-size: 3.6em;
      font-family: 'FS Elliot Pro';
      font-weight: 900;
      font-style: normal;
      padding-top:  0.9em;
    }

    h2 {
      font-size: 1.5em;
      font-family: 'FS Elliot Pro';
      font-weight: bold;
      font-style: normal;
    }

    body {
      font-size: 1em;
      font-family: 'FS Elliot Pro';
      font-weight: 300;
      font-style: normal;
      line-height: 2;
      text-transform: none;
      min-height: 40px;
      color: var(--light-color);
      background-color: var(--secondary-color);
    }

    p
    {
      color: var(--tertiary-color);
      line-height: 1.3em;
      font-size: 1.2em;
      font-weight: 600;
    }

    a {
      text-decoration: none;
      color: var(--link-color);
    }
    a:hover{
      text-decoration: underline;
      color: var(--link-color);
    }

    .team-primary
    {      
      padding-top: 6em;
      padding-bottom:6em;
    }

    .team-secondary,
    .team-tertiary {      
      padding-top: 2em;
      padding-bottom:3em;
    }
      
    .team-primary {
      background-color: var(--primary-color);
      color: var(--tertiary-color);
    }
      .team-primary h2 {
        font-size: 3em;
        font-family: 'FS Elliot Pro';
        font-weight: 900;
        font-style: normal;
      }
  
      .team-primary p {
        font-size: 1.3em;
        font-weight: 600;
        padding-top: 0.7em;
      }

    .team-secondary {
      background-color: var(--secondary-color);
      color: var(--tertiary-color);
    }

    .team-secondary  p {
      color: var(--tertiary-color);
      font-size: 1.3em;
      font-weight: 600;
      padding-top: 0.7em;
    }

    .team-secondary h3{
      font-size: 2em;
      font-weight: 900;
      padding-top: 0.7em;
    }

    .team-secondary h4{
      font-size: 1.5em;
      font-weight: 900;
      padding-top: 0.7em;
      color: var(--link-color);
    }
   
    .team-tertiary,
    .team-tertiary p {
      background-color: var(--tertiary-color);
      color: var(--primary-color);
      font-size: 1.2em;
    }

      .team-tertiary h2
      {      
        font-size: 3em;
        font-weight: 900;
        text-align: center;
      }
      
      .team-tertiary h3
      {      
        font-size: 1.5em;
        font-weight: 600;
        text-align: center;
        padding:1em;
      }
      
      .team-tertiary h4
      {      
        font-size: 1.5em;
        font-weight: 600;
        padding-top: 0.7em;
        text-align: center;
        padding:1em;
      }

      .team-secondary a,
      .team-tertiary a {
        font-weight: 900;
      }
      .team-secondary a:hover,
      .team-tertiary a:hover {
        font-weight: 900;
      }

      .team-secondary a {
        color: var(--tertiary-color);
      }
      .team-secondary a:hover {
        color: var(--tertiary-color);
      }

      .team-tertiary a {
        color: var(--link-color);
      }
      .team-tertiary a:hover {
        color: var(--link-color);
      }

      
    .navbar,
    .jumbotron {
      background-color: var(--primary-color-transparent);
      color: var(--tertiary-color);
      font-family: 'FS Elliot Pro';
      font-weight: bold;
      font-style: normal;
    }

    .navbar-nav > li > a{
      text-shadow: none;
      color: var(--light-color);
      font-size: 1.2em;
    }

    .navbar-nav > li > a:hover{
      text-shadow: none;
      color: var(--light-color);
      text-decoration: none;
    }


    .card > a:hover {
      background-color: var(--secondary-color);
      text-decoration: none;
      color: var(--tertiary-color);
    }

    footer,
    .footer {
      text-shadow: none;
      text-align: center;
      font-size: 1em;
      line-height: 1.2em;
      padding-bottom: 1em;
      font-family: 'FS Elliot Pro';
      font-weight: 600;
      font-style: normal;
    }
    
    .hero {
        background: url("../images/AdobeStock_177731417.jpeg") no-repeat bottom ;
        background-size: cover;
    }

    .faqs {
        background: url("../images/dive-large.jfif") no-repeat center ;
        background-size: cover;
    }

    .advice {
        background: url("../images/AdobeStock_293677159.jpeg") no-repeat center ;
        background-size: cover;
    }
  
    .prices {
        background: url("../images/AdobeStock_295726135.jpeg") no-repeat center ;
        background-size: cover;
    }
  
    .mission {
        background: url("../images/AdobeStock_295726135.jpeg") no-repeat center ;
        background-size: cover;
    }
  
    .advice {
        background: url("../images/AdobeStock_295726135.jpeg") no-repeat center ;
        background-size: cover;
    }

    .contact {
        background: url("../images/AdobeStock_143375235.jpeg") no-repeat center ;
        background-size: cover;
    }

    .teams {
        background: url("../images/AdobeStock_143375235.jpeg") no-repeat center ;
        background-size: cover;
    }

    .jumbotron-fluid > div.team-primary{
      background-color:var(--primary-color-transparent)
    }
    .jumbotron-fluid > div.team-secondary{
      background-color:var(--secondary-color-transparent)
    }
    .jumbotron-fluid > div.team-tertiary {
      background-color:var(--tertiary-color-transparent)
    }
    .jumbotron-fluid > div.pale {
      background-color:var(----light-color-transparent)
    }

    .team-logo {
      max-height: 100px;
    }

    .steps-heading {
      position: relative;
      display: inline-block;
      padding: 0.25em 0.65em;
    }

    .steps-heading::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0.18;
      background: center / 2.1em 2.1em no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23C84B31' d='M28 6l22 22v30H14V28L28 6zm0 10.8L20 29.6V52h24V29.6L28 16.8z'/%3E%3Cpath fill='%232D4263' d='M24 39h8v8h-8zm0-14h16v8H24z'/%3E%3C/svg%3E");
    }

    .steps-list,
    .steps-sublist {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .steps-list > li,
    .steps-sublist > li {
      position: relative;
      padding-left: 1.75em;
      margin-bottom: 0.8em;
    }

    .steps-list > li::before,
    .steps-sublist > li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.26em;
      width: 1.2em;
      height: 1.2em;
      background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h11M13 7l5 5-5 5' fill='none' stroke='%23C84B31' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .steps-sublist {
      margin-top: 0.5em;
      margin-left: 1em;
    }