#threeDividersDark {
  /*border: 3px solid red;*/
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  height: auto;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 25px;
}

/* Flexbox for the dividers */
.insideThreeDividersDark {
  /*border: 3px solid rgb(255, 0, 0);*/
  display: flex;
  flex-wrap: wrap; /* Allows wrapping on smaller screens */
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 1350px;
}

/* Style for each divider */
#leftThreeDividersDark, 
#centerLeftThreeDividersDark,
#centerRightThreeDividersDark, 
#rightThreeDividersDark {
  border: 3px solid rgb(185, 3, 3);
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  color: aliceblue;
  flex: 1 1 30%; /* Adjust width to fit within container */
  max-width: 275px; /* Prevents them from getting too wide */
  padding: 10px;
}

/* Image styling */
.threeDividersPhotoDark {
  width: 100%;
  border-radius: 10px;
  height: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
  .insideThreeDividersDark {
    flex-direction: column; /* Stack dividers vertically on smaller screens */
    align-items: center;
  }

  #leftThreeDividersDark, 
  #centerLeftThreeDividersDark,
  #centerRightThreeDividersDark, 
  #rightThreeDividersDark {
    width: 90%; /* Makes them take full width */
    max-width: 500px;
  }
}


#titleThreeDividersDark {
  /*border: 3px solid rgb(255, 0, 0);*/
  margin: 0 auto;
  /*background-color: black;*/
  text-align: center;
  width: 100%;
  float: center;
  box-sizing: border-box;
  color: #000;
  font-size: max(1.2rem, 2vw);
}

.popularDishes {
  /*border: 3px solid rgb(0, 17, 255);*/
  width: 70%;
  margin: 0 auto;
}

h1.black-text {
   color: black;
   font-size: max(2.2em, 4.4vw);
}

h1.red-text {
   color: red;
   font-size: max(2.2em, 4.4vw);
}

h1.green-text {
 color:rgb(6, 219, 80);
 font-size: max(2.2em, 4.4vw);
 font-weight: normal;
}

h1.white-text {
 color: rgb(255, 255, 255);
 font-size: max(2.2em, 4.4vw);
}

h2.black-text {
 color: rgb(0, 0, 0);
 font-size: max(1.5em, 3vw);
 font-weight: normal;
}

h2.red-text {
 color: rgb(255, 0, 0);
 font-size: max(1.5em, 3vw);
 font-weight: normal;
}

h2.green-text {
 color: rgb(6, 219, 80);
 font-size: max(1.5em, 3vw);
}

h2.white-text {
 color: rgb(255, 255, 255);
 font-size: max(1.5em, 3vw);
 font-weight: normal;
}

h3.black-text {
 color: rgb(0, 0, 0);
 font-size: max(1em, 2vw);
 font-weight: normal;
}

h3.red-text {
 color: rgb(255, 0, 0);
 font-size: max(1em, 2vw);
 font-weight: normal;
}

h3#red-text {
  color: rgb(255, 0, 0);
  font-size: max(1em, 2vw);
  font-weight: bold;
 }

h3.green-text {
 color: rgb(6, 219, 80);
 font-size: max(1em, 2vw);
 font-weight: normal;
}

h3.white-text {
 color: rgb(255, 255, 255);
 font-size: max(1em, 2vw);
 font-weight: normal;
}

h4.black-text {
 color: rgb(0, 0, 0);
 font-size: max(.8em, 1.6vw);
}

h4#red-text {
 color: rgb(146, 0, 0);
 font-size: max(1.8em, 2.2vw);
}

h4#light-text {
  color: rgb(236, 236, 218);
  font-size: max(1.2em, 1.2vw);
 }

 h4#dark-text {
  color: rgb(21, 21, 21);
  font-size: max(1.2em, 1.2vw);
 }



h4.green-text {
 color: rgb(162, 254, 194);
 font-size: max(.8em, 1.6vw);
}

h4.white-text {
 color: rgb(255, 255, 255);
 font-size: max(.8em, 1.6vw);
 font-weight: 100;
}

h5#white-text {
 color: rgb(255, 255, 255);
 font-size: max(1.1em, 1.1vw);
 font-weight: normal;
}

h5#red-text {
  color: rgb(128, 1, 1);
  font-size: max(1.1em, 1.1vw);
  font-weight: normal;
 }