.fonthead {
    font-family: "Futura-Light";
}
.navbar .dropdown-menu::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 15px solid var(--white-color);
        position: absolute;
        top: -10px;
        left: 10px;
    }
    .navbar .dropdown-menu::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 15px solid var(--white-color);
        position: absolute;
        top: -10px;
        left: 10px;
    }

@media screen and (max-width: 991px) {
    .navbar-collapse {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
        margin: 4%;
        padding: 7%;
        border-radius: 10px;
    } 
    .navbar-toggler:focus {
        box-shadow: none;
      }
    .navbar .dropdown-menu {
        background: var(--white-color);
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
        border: 0;
        display: inherit;
        opacity: 0;
        min-width: 9rem;
        margin-top: 20px;
        padding: 13px 0 10px 0;
        transition: all 0.3s;
        pointer-events: none;
        position: relative;
        left: 10px;
        max-width: 155px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .navbar .dropdown-item.active,
    .navbar .dropdown-item:active,
    .navbar .dropdown-item:focus,
    .navbar .dropdown-item:hover {
        background: transparent;
    }
    .navbar-nav .dropdown-menu {
        position: relative;
        left: 10px;
        opacity: 1;
        pointer-events: auto;
        max-width: 155px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .navbar .dropdown-item {
        display: inline-block;
        color: var(--p-bg-color);
        color: var(--navigationLinkColor);
        font-family: var(--site-navigation-font-font-family);
        font-style: var(--site-navigation-font-font-style);
        font-weight: var(--site-navigation-font-font-weight);
        line-height: var(--site-navigation-font-line-height);
        letter-spacing: var(--site-navigation-font-letter-spacing);
        text-transform: var(--site-navigation-font-text-transform);
        position: relative;
        letter-spacing: 0.5px;
        position: relative;
    }
}
.active {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color:black;
}

a {
    color: #11151c;
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
    text-decoration: none;
  }
  .whatsapp-icon {
    position: fixed;
    float: right;
    bottom: 20px;
    right: 3%;
    z-index: 999;
    top: 30%;
  }

  .whatsapp-icon img {
    width:30%;
  }