body { 
    position:relative;
    background: url("../img/takeaway/background_takeaway@2x.png"); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* for iPad*/
body {
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
/**/

@font-face {
    font-family: HandyGeorge;
    src: url('../fonts/HandyGeorge.ttf');
}

@font-face {
    font-family: ASongForJennifer;
    src: url('../fonts/a-song-for-jennifer.ttf');
}

/*Web version*/

p {
    color: white;
    font-family: HandyGeorge;
    font-size: 1.75em;
    text-align: center;
    margin-top: 3%;
}

p a {
  color: white;
  text-decoration: none;
}

p a:hover {
  color: white;
}

#supplement {
  margin-top: -1%;
  font-size: 1.1em;
}

ul {
  width: 85%;
  margin-top: 2.5%;
}

.left_menu {
  margin-left: 19.5%;
}

.right_menu {
  margin-left: 15.5%;
}

ul li {
  font-family: HandyGeorge;
  list-style-type: none;
  padding: 2.5% 0%;
}

ul li .ingredients {
  width: 65%;
}

.section {
  font-family: ASongForJennifer;
  float: left;
  clear: left;
  font-size: calc(2.5em + 0.1vw);
  color: #C9A86E;
  padding-top: 2%;
  padding-bottom: 2.1%;
}

.plat {
  float: left;
  clear: left;
  font-size: calc(1.3em + 0.1vw);
  color: white;
}

.ingredients {
  float: left;
  clear: left;
  font-size: calc(0.75em + 0.1vw);
  color: white;
  padding-bottom: 7%;
}

/*Iphone version*/

@media(max-width:767px) {

  p {
    font-size: 3.8vw;
  }

  #supplement {
  font-size: 2.8vw;
}

  ul {
    width: 100%;
    margin-top: 0%;
    transform: translateX(-5.1%);
  }

  .left_menu {
    margin-left: 0%;
  }

  .right_menu {
    margin-left: 0%;
  }

  .section {
    font-size: 10.0vw;
  }

  .plat {
    font-size: 5.6vw;
  }

  .ingredients {
    font-size: 3.2vw;
  }
}

#topBtn {
  visibility: hidden;
  position: fixed;
  width: 14%;
  height: auto;
  transform: translateX(-50%);
  left: 50%;
  bottom: 10px;
  z-index: 99;
}

#topBtn:hover {
  opacity: 0.7;
}