@page {
    size: A4;
  }
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
}
}

body {
    font-family: 'Open Sans';
    background:
        linear-gradient(
        rgba(0, 0, 0, 0.5), 
        rgba(0, 0, 0, 0.5)
        ),
        url('/menu-background.jpg');
    color: white;
    background-size: 100%;

}

.text-xl {
    font-size: 20px;
    line-height: 50%;
}

h1, h2, h3 {
    font-family: "La Belle Aurore", serif;
}
@media only screen and (max-width: 576px) {
    .logo {
      max-width: 75%;
    }
  }
  @media only screen and (min-width: 577px) {
    .logo {
        width: 300px;
    }
  }