.header-meal-time{
    color: white;
    background-color: #F7374F;
    padding: 15px;
    text-align: center;
    width: fit-content;
    border-radius: 10px;
}
a.dropdown-item{
    color: #F7374F;
}
.login-title{
  font-family: "Roboto";
  font-weight: 800;
  font-style: bold;
  font-size: 30px;
  color: #F7374F;

}
.login-description{
  font-family: "Edu NSW ACT Cursive", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: bold;
  font-size: 10px;


}
.card-red-medium{
    background: #FF4C4C;
    color: white;
}
.card-dark-red{
    background: #A31621;
    color: white;
}
.login-description span{
    color: #F7374F;
}
.text-displayorder{

    color: #F7374F;
}
.btn-displayorder{
    background: #F7374F;
    color: white;
}
.btn-displayorder:hover{
    background: #db3145;
    color: white;
}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
    border-radius: 8px;
    background: #F7374F;
    color: white;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link, .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"] {
    border-radius: 8px;
    background: #F7374F;
    color: white;
}
.nav-item:hover,.nav-link:hover{
    background: #F7374F;
    color: white;
    border-radius: 8px;
}
.nav-item,.nav-link{
    border-radius: 8px;
}
.sidebar .nav.sub-menu ,.sidebar .nav .nav-item.active > .nav-link {
    background: #F7374F;
}
.masonry {
  column-count: 1;
  column-gap: 1rem;
}
@media (min-width: 768px) {
  .masonry {
    column-count: 2;
  }
}
@media (min-width: 1200px) {
  .masonry {
    column-count: 3;
  }
  }
@media screen and (max-width: 699px) {
    .image-container {
        display: none;
        position: absolute;
    }
    .image-container img{
        display: none;
    }
    .form-container{
        text-align: center;
    }
}