@font-face {
    font-family: 'alegreya-sans-scitalic';
    src:url('../fonts/alegreya-sans-scitalic.woff') format('woff'),
        url('../fonts/alegreya-sans-scitalic.woff2') format('woff2'),
        url('../fonts/alegreya-sans-scitalic.svg#alegreya-sans-scitalic') format('svg'),
        url('../fonts/alegreya-sans-scitalic.eot'),
        url('../fonts/alegreya-sans-scitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/alegreya-sans-scitalic.ttf') format('truetype');

        font-weight: normal;
        font-style: normal;
        font-display: swap;
      }
      body {
        background-color: #010f1c; color: #fff;
        background-image: url('../img/TampaSkyline-3240x2160.jpg');
        background-repeat: no-repeat;
        background-size: cover;
      }
      .col-lg-8 {
        padding-top: 3rem!important;
        background-color: #141619a6!important;
      }
      .col-md-4 {
        flex: 0 0 auto;
        width: 33%;
      }
      .row>* {
        padding-right: calc(var(--bs-gutter-x) * .9);
        padding-left: calc(var(--bs-gutter-x) * .9);
      }
      h4.border-bottom {
        font-size: 1.6rem;
        line-height: 1.3!important;
        color: #0d6efd!important;
        margin-bottom: .7rem;
      }
      .mb-1 {
        font-size: 1.5rem!important;
        margin-bottom: .6rem !important;
        line-height: 1.24;
      }
      .mb-5 {
        margin-bottom: 2.5rem!important;
      }
      ul {
        margin-bottom: 1.32rem!important;
      }
      a {
        text-decoration: none;
        color: #e9ecef!important;
      }
      a:hover {
        text-decoration: none;
        color: #fff!important;
      }
      li:focus, .selected {
          outline: 3px solid #0d6efdab;
          color: #fff!important;
          background: #0d6efdab;
      }
      ul li:hover,ul li:active {
        /*outline: 2px solid #0d6efd87;*/
        color: #fff!important;
        background-color: #0d6efd87;
      }
      li a.selected, .selected a, .focus, li a:focus, li a:active, .d-flex .align-items-start .mb-1 .item .selected, a:focus {
          color: #fff!important;
      }
      span.fs-4 {
        color: #0d6efd;
        font-size: 1.7rem!important;
        padding-left: 1.15rem!important;
        font-family: 'alegreya-sans-scitalic', Helvetica, sans-serif;
        /*text-shadow: 4px 4px 3px rgba(0,0,0,0.1);*/
      }
      span.fs-4 img {
          margin-right: .2rem;
          /*width: 12%;*/
      }
      .border-bottom {
        text-transform: uppercase;
        border-color: #d78007!important;
      }
      .row {
        margin-bottom: 3rem;
      }