.text-info {
  color: #dc3545!important;
}

@media (max-width: 768px) {
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    /*margin-left: 168px;*/
  }
}

@media (min-width: 576px) {
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    /*margin-left: 80px;*/
  }
}

@media (min-width: 992px) {
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    margin-left: 20px;
  }
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  /*margin-left: 185px;*/
}

@media (max-width: 300px) {
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    margin-left: 50px;
    font-size: smaller;
  }
}

@media (max-width: 300px) {
  .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    font-size: medium;
  }
}