.TacoBurritoHouseMenu {
  /*border: 3px solid rgb(5, 189, 112);*/
  position: relative;
  width: 90%;
  margin: 0 auto;
  height: auto;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap on smaller screens */
  justify-content: center; /* Center items when wrapping */
  align-items: center;
  border-radius: 25px;
  box-shadow:3px 3px 5px 0 rgb(188, 180, 165);
  padding-left: 25px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  min-width: 300px;
}

.dishContainer {
  border: 3px solid rgb(185, 3, 3);
  border-radius: 20px;
  flex: 1 1 30%; /* Adjust width to fit within container */
  max-width: 275px; /* Prevents them from getting too wide */
  padding: 20px; 
}

h1#menuTitleText {
    color: rgb(220, 0, 0);
    text-align: center;
    font-size: clamp(1.2rem, 2.5vw, 3rem);
}

h2#menuSubtitleText {
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: clamp(.8rem, 1.5vw, 2rem);
}

/* Menu Container */

.menu-button {
    /*border: 3px solid rgb(5, 189, 112);*/
    background: none;
  border: none;
  padding: 0;
  margin-right: 15px;
  color: rgb(220, 0, 0);
  font-weight: bold;
  font-size: clamp(1.0rem, 1.3vw, 1.3rem);
  cursor: pointer;
  transition: color 0.3s;
  }

  .menu-button:hover {
    text-decoration: underline;
  }
  
  .menu-button.active-button {
    color: rgb(0, 60, 255); /* blue when active */
  }

  #menu-container {
    /*border: 3px solid #ff0000;*/
    text-align: center;
    padding: 20px;
    max-width: 1080px;
    margin: 0 auto;
  }

  .menu-content {
    display: none;
  }

  .menu-content.active {
    /*border: 3px solid #1b1b1b;*/
    padding: 25px;
    border-radius: 25px;
    background-color: #fefbf3;
    box-shadow:3px 3px 5px 0 rgb(188, 180, 165);
    display: block;
    max-width: 1050px;
    margin: 0 auto;
  }

  .menu-item {
    margin-bottom: 20px;
    font-family: sans-serif;
  }
  
  .item-line {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
  }
  
  .toppings {
    display: flex;
    justify-content: space-between;
    text-align: left;
    font-size: 14px;
    color: #000000; 
    margin-top: 4px;
  }

  .two-columns {
    column-count: 2;
    column-gap: 40px; /* Optional: space between columns */
  }