.body {
	font-family: Arial, Helvetica, sans-serif;
}

/* Banner */
.banner {
  background: #FFD700;
  color: black;
  padding: 0px;
  text-align: center;
}

/* Navigation */
.mobile-nav {
  background: #fff;
  color: white;
}

/* Reset default margins and paddings */
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    body {
        font-family: Arial, sans-serif;
        padding: 0px;
    }

    /* Container for the columns */
    .row {
        display: flex;
        flex-wrap: wrap; /* Allows wrapping on smaller screens */
        gap: 0px; /* Space between columns */
    }

    /* Each column */
    .column {
        flex: 1; /* Equal width for all columns */
        min-width: 250px; /* Prevents columns from becoming too narrow */
        background-color: #FFFFFF;
        padding: 15px;
        border: 0px solid ###;
    }

    /* Optional: Responsive adjustments */
    @media (max-width: 768px) {
        .column {
            flex: 100%; /* Stack columns on small screens */
        }
    }


.menu-toggle {
  width: 100%;
  padding: 15px;
  background: #000;
  color: white;
  border: none;
  font-size: 18px;
}

.menu {

  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}

.menu li a,
.submenu-toggle {

  list-style: none;
  display: block;
  padding: 15px;
  color: white;
  text-decoration: none;
  background: #000;
  border-bottom: 1px solid #000000;
}

.has-sub .submenu {
  display: none;
  background: #FFFFFF;
}

.submenu li a {
  padding-left: 30px;
}

/* Desktop */
@media (min-width: 768px) {
  .menu-toggle {
    display: none;
  }

  .menu {
    display: flex;
  }

  .menu li {
    position: relative;
  }

  .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 180px;
    display: none;
  }

  .has-sub:hover .submenu {
    display: block;
  }
}
.menu.open {
  display: block;
}

.submenu.open {
  display: block;
}