@media (max-width: 1200px) {
  :root {
    font-size: 17px;
  }
}

@media (max-width: 992px) {
  :root {
    font-size: 16px;
  }
}

@media (max-width: 778px) {
  :root {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  :root {
    font-size: 13px;
  }

  .navbar .container-lg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  .navbar .container-lg .navbar-brand,
  .navbar .container-lg form {
    width: 100%;
  }
}

@media (max-width: 400px) {
  :root {
    font-size: 12px;
  }
}