@media (min-width: 300px) and (max-width: 575px) {
  .navigation-item-general {
    height: 50px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 24px;
    background-color: rgba(72,91,102,0.73);
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 7px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navigation-item {
    width: 70%;
    height: 50px;
    margin-top: 0px;
    margin-bottom: 17px;
    font-size: 24px;
    background-color: rgba(72,91,102,0.73);
    margin-left: 17%;
    margin-right: 17%;
    border-radius: 7px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .navigation-item {
    width: 70%;
    height: 45px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 20px;
    background-color: rgba(72,91,102,0.73);
    margin-left: 17%;
    margin-right: 17%;
    border-radius: 7px;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .navigation-item {
    width: 70%;
    height: 50px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 24px;
    background-color: rgba(72,91,102,0.73);
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 7px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navigation-item-general {
    height: 50px;
    margin-top: 0px;
    margin-bottom: 17px;
    font-size: 24px;
    background-color: rgba(72,91,102,0.73);
    margin-left: 17%;
    margin-right: 17%;
    border-radius: 7px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .navigation-item-general {
    height: 45px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 20px;
    background-color: rgba(72,91,102,0.73);
    margin-left: 17%;
    margin-right: 17%;
    border-radius: 7px;
  }
}

.navigation-item:hover {
  color: dodgerblue !important;
}