
    @media only screen and (max-width:990px) {
      .header {
        height: 9rem;
      }

      .logo img {
        top: -9px;
        left: 50px;
      }
    }

    @media only screen and (max-width: 550px) {
      .about-us-block {
        flex-wrap: wrap;
      }

      .about-us-block .about-us-community, .about-us-product, .about-us-location, .about-us-event {
        width: 80% !important;
      }
    }

    .navbar-item {
      margin-top: 10px;
      /* Increase the top margin of each item */
 