.row {
  flex-wrap: wrap;
}

/* Responsive layout: stack columns on smaller screens */

@media (max-width: 1024px) {
  .card h1 {
    font-size: 2rem;
  }

  .logos {
    display: none;
  }

  .parallax {
    background-attachment: scroll; /* Disable fixed positioning */
    background-size: cover;
    background-position: center;
  }

  #contact h1 {
    font-size: 3rem;
  }

  .card .column {
    width: 45%;
  }

  .card {
    flex: 1 1 45%; /* Two cards per row */
    max-width: 45%;
  }

  #about-us h3 {
    font-size: 1.4rem;
  }

  .menu a {
    text-decoration: none;
    color: black;
  }
  .menu-btn {
    display: none;
  }
  .menu-icon {
    grid-area: hamburger;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    padding: 30px 20px 30px 0;
    position: relative;
    user-select: none;
    visibility: visible;
  }
  .navicon {
    background: #333;
    display: block;
    height: 2px;
    width: 18px;
    position: relative;
  }
  .navicon:before {
    top: 5px;
  }
  .navicon:after {
    top: -5px;
  }
  .navicon:before,
  .navicon:after {
    background: #333;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    transition: all 0.2s ease-out;
  }
  .menu {
    grid-area: nav;
    max-width: unset;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
  }
  .menu a {
    padding: 20px 20px;
    border-right: 1px solid #f4f4f4;
    background-color: #eee;
    width: 100%;
    text-align: center;
  }
  .menu-btn:checked ~ .menu {
    max-height: 240px;
  }
  .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  .menu-btn:checked ~ .menu-icon .navicon:before,
  .menu-btn:checked ~ .menu-icon .navicon:after {
    top: 0;
  }
}

@media (max-width: 767px) {
  #myVideo {
    display: none;
  }

  .services-hero {
    background-image: url("/ASSETS/venueX.jpg");
    background-repeat: no-repeat;
    height: 25vh;
  }

  a {
    float: none;
  }

  .desc {
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
  }

  .desc:hover {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }

  .card h1 {
    font-size: 1.8rem;
  }

  .card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #f9f9f9;
  }

  /* Stack cards vertically */
  .card,
  .desc,
  .column {
    flex: 1 1 95vw;
    max-width: 95%;
    justify-content: center;
    align-content: center;
    background-color: #0f0f0f;
  }

  #about-us h3 {
    font-size: 1.2rem;
  }

  .parallax {
    background-attachment: scroll; /* Disable fixed positioning */
    background-size: cover;
    background-position: center;
  }

  #contact h1 {
    font-size: 2rem;
  }

  .services-hero h1,
  .hero-title h1 {
    font-size: 2.5rem;
    padding: 5px;
    font-weight: bolder;
  }

  .services-hero p {
    font-weight: lighter;
    padding: none;
  }

  .button-fill {
    font-size: 1.5rem;
    padding: 10px 20px;
  }

  button:hover {
    transition: none;
  }

  .button-fill:hover {
    transition: none;
  }

  #reviews {
    display: none;
  }

  .subtitle {
    display: none;
  }

  #newsletter {
    height: auto;
    display: flex;
    gap: none;
  }

  /* Style inputs with type="text", select elements and textareas */
  input[type="text"],
  select,
  textarea {
    width: 100%;
    /*Fullwidth*/
    padding: 15px;
    /*Somepadding*/
    border: 1px solid #ccc;
    /*Grayborder*/
    border-radius: 8px;
    /*Roundedborders*/
    box-sizing: border-box;
    /*Ensurepaddingandwidthstaysinplace*/
    margin-top: 6px;
    /*Addatopmargin*/
    margin-bottom: 15px;
    /*Bottommargin*/
    resize: vertical;
  }

  /* Style the submit button with a specific background olor etc */
  input[type="submit"] {
    background: linear-gradient(170deg, #ef2f88 23%, #8843f2 90%, #8843f2 100%);
    color: white;
    padding: 12px 20px;
    border: 1px solid white;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  }

  /* Hover effect for the submit button */
  input[type="submit"]:hover {
    font-size: 110%;
    font-weight: 500;
    background: linear-gradient(270deg, #ef2f88 23%, #8843f2 90%, #8843f2 100%);
  }

  /* Add a background color and some padding around the form */
  .grey-bg {
    background-color: #242424;
    border-radius: 8px;
  }

  footer h2 {
    font-size: 1.2rem;
  }

  footer p.text-small {
    flex-wrap: wrap;
    padding: 5px 0px 5px 0px;
  }

  footer .icons {
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
  }
}

.button2,
#backToTop {
  display: none !important;
}