@media (min-width: 1100px) {
  .container {
    max-width: 1300px;
  }

  .primary-button,
.secondary-button {
    text-align: center;
  }

  .header-bottom .container {
    gap: 15px;
  }
  .header-bottom .user-operations {
    align-items: stretch;
  }
  .header-bottom .user-operations a {
    height: 100%;
    display: flex;
    align-items: center;
  }

  .menu ul li {
    text-align: center;
  }
  .menu-banner img {
    width: 400px;
    height: 335px;
    filter: brightness(0.8);
  }
  .menu-banner p {
    position: absolute;
    top: 10px;
    color: #f5f6fa;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
}