/* body */
body {
  background-color: #fff; }

/* header */
header {
  height: 100vh; }

header h1 {
  width: 44%;
  max-width: 156px;
  margin: 0 auto;
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

header img {
  display: block;
  width: 100%; }

header > img {
  width: 80%;
  max-width: 756px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: -1; }

/* background */
#about {
  text-align: center; }

#produce {
  text-align: center; }

#menu {
  text-align: center; }

/* information */
#information {
  background-color: #e8e8e8;
  text-align: center; }
  #information h2 {
    margin-bottom: 30px; }
  #information section:first-of-type {
    margin-bottom: 50px; }
  #information section:nth-of-type(2) {
    border: solid 1px #9d9d9d;
    max-width: 1000px;
    margin: auto;
    padding-bottom: 50px; }

#information div {
  padding: 100px 20px; }

#information iframe {
  display: block;
  width: 100%;
  height: 50vh;
  max-height: 450px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }