.container2{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 2%;
}

.openinghours {
    font-family:Lucida Console;
    border-radius:4px;
    margin:10px;
    box-shadow: 0 0 10px black;
    padding:0 10px 0 10px;
    overflow: hidden;
    display: inline-block;
}
.openinghourscontent {
    float:left;
}
.openinghourscontent h2 {
    display:block;
    text-align:center;
    margin-top:.33em;
    margin-bottom: 10%;
}
.openinghourscontent button {
    color:white;
    font-family:Courier New;
    font-size:large;
    font-weight:bolder;
    background-color:#4679BD;
    border-radius:4px;
    width:100%;
    margin-bottom:10px;
}
.today {
    color: #8AC007;
}
.opening-hours-table tr td:first-child {
    font-weight:bold;
}
#open-status {
    display:block;
    margin-top:-1em;
    text-align:center;
    border:dotted lightgrey 3px;
}
.openorclosed:after {
    content:" open during these hours:";
}
.open {
    color:green;
}
.open:after {
    content:" Open";
    color: #6C0;
}
.closed:after {
    content:" Closed";
    color: red;
}
.opening-hours-table tr td {
    padding:5px;
}



.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    padding: 10px;
    border-radius: 50%;
    background-color: #25d366; /* Background for button */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease-in-out;
  }
  
  .whatsapp-button:hover {
    transform: scale(1.1); /* Slight zoom effect on hover */
  }
  
  .whatsapp-button svg {
    width: 2.98rem;
    height: 3rem;
  }

  

  

#intro {
    height: 600px;
    /* Margin to fix overlapping fixed navbar */
    margin-top: 58px;
  }
  @media (max-width: 991px) {
          #intro {
          /* Margin to fix overlapping fixed navbar */
          margin-top: 45px;
      }
  }

@media (max-width: 450px) {
    .container2 {
        margin-bottom: 15%;
    }
}