.navbar a.navbar-brand {
  width: 400px;
}

@media only screen and (max-width: 480px) {
  .navbar a.navbar-brand {
    width: 280px;
    margin-top: 6px;
  }
}

@media only screen and (max-width: 360px) {
  .navbar a.navbar-brand {
    width: 240px;
  }
}

@media only screen and (max-width: 330px) {
  .navbar a.navbar-brand {
    width: 220px;
  }
}