body {
    margin: 0;
}
header {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.pad-2 {
  padding-right: 2vw;
}
.pad-t-1 {
  padding-top: 1vh;
}
.pad-t-2 {
  padding-top: 2vh;
}
.open-sans-300 {
  font-family: "Open Sans", 'Trebuchet MS', sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.fs-1rem {
  font-size: 1.1rem;
}
.fs-1-7rem {
  font-size: 1.7rem;
}
.menu-item-pix {
  border: 0;
  border-radius: 20px;
}
.oswald {
  font-family: "Oswald", 'Trebuchet MS', sans-serif;
}

.oswald-700 {
  font-family: "Oswald", 'Trebuchet MS', sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.oswald-500 {
  font-family: "Oswald", 'Trebuchet MS', sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.oswald-fs-2rem {
  font-size: 2rem;
}
.oswald-fs-3rem {
  font-size: 3rem;
}

@media only screen and (max-width: 575px) {
  img.focus {
    width: 50%;
  }
  .oswald-fs-2rem {
    font-size: 1.1rem;
  }
  .oswald-fs-3rem {
    font-size: 1.3rem;
  }
  .logo {
    width: 50px;
    height: 50px;
  }
  .fs-1rem {
    font-size: .9rem;
  }
  .fs-1-7rem {
    font-size: 1.3rem;
  }
  .mainDish {
    max-width: 715px;
    text-align: center; 
    margin: auto;
  }
}
@media only screen and (min-width: 600px) {
  img.focus {
    width: 60%;
  }
  .oswald-fs-2rem {
    font-size: 1.5rem;
  }
  .oswald-fs-3rem {
    font-size: 1.8rem;
  }
  .logo {
    width: 75px;
    height: 75px;
  }
  .fs-1rem {
    font-size: 1.0rem;
  }
  .fs-1-7rem {
    font-size: 1.4rem;
  }
  .mainDish {
    max-width: 725px;
    text-align: center; 
    margin: auto;
  }
}

@media only screen and (min-width: 760px) {
  img.focus {
    width: 70%;
  }
  .oswald-fs-2rem {
    font-size: 1.7rem;
  }
  .oswald-fs-3rem {
    font-size: 2.1rem;
  }
  .logo {
    width: 110px;
    height: 110px;
  }
  .fs-1rem {
    font-size: 1.0rem;
  }
  .fs-1-7rem {
    font-size: 1.5rem;
  }
  .mainDish {
    max-width: 750px;
    text-align: center; 
    margin: auto;
  }
}
@media only screen and (min-width: 990px) {
  img.focus {
    width: 80%;
  }
  .oswald-fs-2rem {
    font-size: 1.9rem;
  }
  .oswald-fs-3rem {
    font-size: 2.5rem;
  }
  .logo {
    width: 125px;
    height: 125px;
  }
  .fs-1rem {
    font-size: 1.1rem;
  }
  .fs-1-7rem {
    font-size: 1.6rem;
  }
  .mainDish {
    max-width: 775px;
    text-align: center; 
    margin: auto;
  }
}

@media only screen and (min-width: 1200px) {
  img.focus {
    width: 90%;
  }
  .oswald-fs-2rem {
    font-size: 2rem;
  }
  .oswald-fs-3rem {
    font-size: 3rem;
  }
  .logo {
    width: 144px;
    height: 144px;
  }
  .fs-1rem {
    font-size: 1.1rem;
  }
  .fs-1-7rem {
    font-size: 1.7rem;
  } 
  .mainDish {
    max-width: 800px;
    text-align: center; 
    margin: auto;
  }
}