.header-logo {
  display: block;
  margin-left: auto;
  margin-right: inherit;
}

a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .img-fluid.d-block.d-lg-flex {
    width: 70%;
  }
}

:target:before {
  content: "";
  display: block;
  height: 75px;
  margin: -75px 0 0;
}

@media (min-width: 280px) and (max-width: 575px) {
  .img-fluid.d-block.header-logo {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  .img-fluid.d-block.header-logo {
    width: 60%;
  }
}

@media (min-width: 768px) and (max-width: 1900px) {
  .img-fluid.d-block.header-logo {
    width: 40%;
  }
}