.navbar {
  width: 100vw;
  z-index: 100;
  position: absolute !important;
}

.navbar .nav-item a {
  color: rgb(255, 255, 255) !important;
  font-size: x-large  !important;
  text-shadow: #000000 1px 1px 1px;
  
  font-weight: 600;
}

.navbar .nav-item a:hover {
  text-shadow: #ffffff 1px 1px 1px;
  color: rgb(212, 47, 47) !important;
}

.navbar .navbar-text {
  color: white !important;
  text-shadow: #000000 1px 1px 1px;
}

.navbar .navbar-text a {
  color: white !important;
  text-shadow: none !important;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .navbar {
    background-color: white !important;
    position: static !important;
    font-weight: 700;
  }

  .collapse {
    border-top: 1px solid rgba(110, 110, 110, 0.123);
    padding-top: 10px;
  }

  .navbar .nav-item a {
    color:rgb(53, 53, 53) !important;
    font-size: medium !important;
    text-shadow: none;
  }

  .navbar-text {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar {
    background-color: white !important;
    position: static !important;
    font-weight: 700;
  }

  .collapse {
    border-top: 1px solid rgba(110, 110, 110, 0.123);
    padding-top: 10px;
  }

  .navbar .nav-item a {
    color:rgb(53, 53, 53) !important;
    font-size: medium !important;
    text-shadow: none;
  }

  .navbar-text {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar {
    background-color: white !important;
    position: static !important;
    font-weight: 700;
  }

  .collapse {
    border-top: 1px solid rgba(110, 110, 110, 0.123);
    padding-top: 10px;
  }

  .navbar .nav-item a {
    color:rgb(53, 53, 53) !important;
    font-size: medium !important;
    text-shadow: none;
  }

  .navbar-text {
    display: none !important;
  }
}