html,
    body {
      padding: 0;
      margin: 0;
      font-size: 24px;
      font-family: 'Rubik', sans-serif;
    }

    .font-Rubik { font-family: 'Rubik', sans-serif; }

    a:link, a:active, a:visited {
      color: #194898;
      text-decoration: none;
    }

    .grid-x {
      max-width: 1280px;
      margin: auto;
    }

    .align-left { text-align: left; }
    .align-center { text-align: center; }
    .align-right { text-align: right; }


    .section-white {
      width: 100%;
      background-color: #FFF;
    }

    .section-teal {
      width: 100%;
      background-color: #01ae9a;
      color: #FFF;
    }
      .section-teal a {
        color: #FFF;
      }

    .section-tan {
      width: 100%;
      background-color: #fffaee
    }

    .block-img {
      background-repeat: no-repeat;
      background-size: cover;
      font-size: 1.5rem;
      color: #FFF;
      font-weight: 700;
      padding: 50px;
    }
      .block-img a { color: #FFF; }

    .block-teal {
      background-color: #01ae9a;
      color: #FFF;
    }
    .block-teal a { color: #FFF; }

    #TopBar {
      position: fixed;
      width: 100%;
      /* height: 100px; */
      background-color: #194898;
      text-transform: uppercase;
      font-size: 1.8rem;
      font-weight: 700;
      color: #fff;
      line-height: 100px;
    }
      #TopBarLogo {
        max-height: 100px;
        padding: 10px;
      }

    #Banner {
      background-color: #FFF;
      padding-top: 100px
    }
      #BannerLogo {
        padding: 100px 0;
      }



.booking-btn {
  display: inline-block;
  text-decoration: none !important;
  background-color: #FFF;
  color: #01ae9a !important;
  font-weight: 700;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.booking-btn-green {
  display: inline-block;
  text-decoration: none!important;
  background-color: #01ae9a!important;
  color: #FFF!important;
  font-weight: 700;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}




    #Footer {
      background-color: #194898;
      color: #FFF;
    }
      #Footer a {
        color: #FFF;
        text-decoration: none;
      }

      #Credit {
        text-align: right;
        text-transform: uppercase;
      }

  
  @media only screen and (max-width: 999px) {
    html, body {
      font-size: 14px;
    }
  }

  @media (max-width: 600px) {
    #TopBar {
      line-height: 2.5rem;
      padding: 10px 0;
      position: relative;
    }
    #Banner { padding-top: 0;}
    #BannerLogo { padding: 0; }
    #Footer { text-align: center; }
    #Credit { text-align: center; }
  }