/* ================================================== */
@media only screen and (max-width: 480px) {
  .mobile {
    display: block!important;
  }

  .desktop {
    display: none;
  }
  header .logo img {
    height: 100px;
	}
    .meal-container {
        text-align: center;
    }
}
/* ================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 
}

/* ================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/* ================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* ================================================== */
@media only screen and (min-width: 1200px) {
}
@media (max-width: 1300px) {

}