body {
  background-attachment: fixed;
  background-image: url("../images/background.png?ver=GrTWeiPREempTX/Gciif8A");
  background-size: auto 100vh;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0; }

p, ul, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }

a, a:active, a:hover, a:visited {
  color: inherit;
  text-decoration: none; }

.center {
  text-align: center; }

.justify {
  text-align: justify; }

.frame {
  position: fixed;
  background-size: auto 5vh;
  background-repeat: repeat-x;
  background-position: center top;
  width: 100%;
  height: 5vh;
  z-index: 999999;
  left: 0vh; }
  .frame.top {
    background-image: url("../images/border-top.png?ver=GrTWeiPREempTX/Gciif8A");
    top: 0vh; }
  .frame.bottom {
    background-image: url("../images/border-bottom.png?ver=GrTWeiPREempTX/Gciif8A");
    bottom: 0vh; }

.frontpage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }
  .frontpage .container {
    position: absolue;
    width: 100%;
    overflow: hidden;
    top: 0px; }
    .frontpage .container .clear {
      clear: both;
      height: 5vh; }

.panel {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-x: none; }
  .panel.main p {
    font-size: 5.2vh; }
  .panel.reason, .panel.recipes, .panel.mission, .panel.commercials, .panel.biscuits {
    height: auto;
    min-height: 100vh;
    font-size: 5vw; }
    .panel.reason.intro, .panel.recipes.intro, .panel.mission.intro, .panel.commercials.intro, .panel.biscuits.intro {
      min-height: 0; }
    @media screen and (min-width: 420px) and (max-width: 719px) {
      .panel.reason, .panel.recipes, .panel.mission, .panel.commercials, .panel.biscuits {
        font-size: 4vw; } }
    @media screen and (min-width: 720px) and (max-width: 1079px) {
      .panel.reason, .panel.recipes, .panel.mission, .panel.commercials, .panel.biscuits {
        font-size: 3vw; } }
    @media screen and (min-width: 1080px) {
      .panel.reason, .panel.recipes, .panel.mission, .panel.commercials, .panel.biscuits {
        font-size: 2vw; } }
    .panel.reason p, .panel.reason ul, .panel.recipes p, .panel.recipes ul, .panel.mission p, .panel.mission ul, .panel.commercials p, .panel.commercials ul, .panel.biscuits p, .panel.biscuits ul {
      margin: .72em; }
      .panel.reason p:first-child, .panel.reason ul:first-child, .panel.recipes p:first-child, .panel.recipes ul:first-child, .panel.mission p:first-child, .panel.mission ul:first-child, .panel.commercials p:first-child, .panel.commercials ul:first-child, .panel.biscuits p:first-child, .panel.biscuits ul:first-child {
        margin-top: 6vh; }
      .panel.reason p .nobreak, .panel.reason ul .nobreak, .panel.recipes p .nobreak, .panel.recipes ul .nobreak, .panel.mission p .nobreak, .panel.mission ul .nobreak, .panel.commercials p .nobreak, .panel.commercials ul .nobreak, .panel.biscuits p .nobreak, .panel.biscuits ul .nobreak {
        white-space: nowrap; }
      .panel.reason p a, .panel.reason ul a, .panel.recipes p a, .panel.recipes ul a, .panel.mission p a, .panel.mission ul a, .panel.commercials p a, .panel.commercials ul a, .panel.biscuits p a, .panel.biscuits ul a {
        text-decoration: underline;
        color: #3f3f3f; }
    .panel.reason ul, .panel.recipes ul, .panel.mission ul, .panel.commercials ul, .panel.biscuits ul {
      padding: 0 0 0 1em; }
      .panel.reason ul.asterisk, .panel.recipes ul.asterisk, .panel.mission ul.asterisk, .panel.commercials ul.asterisk, .panel.biscuits ul.asterisk {
        font-weight: normal;
        font-style: italic;
        list-style: none; }
        .panel.reason ul.asterisk li:before, .panel.recipes ul.asterisk li:before, .panel.mission ul.asterisk li:before, .panel.commercials ul.asterisk li:before, .panel.biscuits ul.asterisk li:before {
          content: "*\2002";
          position: absolute;
          width: 1em;
          left: 0.72em;
          text-align: left; }
    .panel.reason h2, .panel.recipes h2, .panel.mission h2, .panel.commercials h2, .panel.biscuits h2 {
      margin: 0.5em;
      font-weight: bold;
      font-size: 144%; }
      .panel.reason h2:first-child, .panel.recipes h2:first-child, .panel.mission h2:first-child, .panel.commercials h2:first-child, .panel.biscuits h2:first-child {
        margin-top: 6vh; }
      .panel.reason h2 .subhead, .panel.recipes h2 .subhead, .panel.mission h2 .subhead, .panel.commercials h2 .subhead, .panel.biscuits h2 .subhead {
        font-size: 57.9%;
        text-transform: uppercase;
        font-style: italic;
        font-weight: normal;
        position: relative;
        top: -0.7em; }
    .panel.reason h3, .panel.recipes h3, .panel.mission h3, .panel.commercials h3, .panel.biscuits h3 {
      font-weight: bold;
      font-size: 120%;
      margin: 0.5em 0.6em; }
    .panel.reason h4, .panel.recipes h4, .panel.mission h4, .panel.commercials h4, .panel.biscuits h4 {
      font-weight: bold;
      font-size: 109.54%;
      margin: 0.5em 0.6em; }
    .panel.reason img, .panel.recipes img, .panel.mission img, .panel.commercials img, .panel.biscuits img {
      padding: 1.5%;
      box-shadow: 3px 3px 4px #7f7f7f;
      background: white;
      float: none;
      margin: 0.5%;
      width: 96%; }
      .panel.reason img.full, .panel.recipes img.full, .panel.mission img.full, .panel.commercials img.full, .panel.biscuits img.full {
        margin: 0.5%;
        width: 96%;
        float: none; }
      @media screen and (min-width: 420px) and (max-width: 719px) {
        .panel.reason img, .panel.recipes img, .panel.mission img, .panel.commercials img, .panel.biscuits img {
          margin: 0 1.44em 0 0.72em;
          width: 47%;
          float: left; }
          .panel.reason img.right, .panel.recipes img.right, .panel.mission img.right, .panel.commercials img.right, .panel.biscuits img.right {
            float: right; }
          .panel.reason img.main, .panel.recipes img.main, .panel.mission img.main, .panel.commercials img.main, .panel.biscuits img.main {
            margin: 0.5%;
            width: 96%;
            float: none; } }
      @media screen and (min-width: 720px) and (max-width: 1079px) {
        .panel.reason img, .panel.recipes img, .panel.mission img, .panel.commercials img, .panel.biscuits img {
          margin: 0 1.44em 0 0.72em;
          width: 32%;
          float: left; }
          .panel.reason img.right, .panel.recipes img.right, .panel.mission img.right, .panel.commercials img.right, .panel.biscuits img.right {
            float: right; }
          .panel.reason img.main, .panel.recipes img.main, .panel.mission img.main, .panel.commercials img.main, .panel.biscuits img.main {
            width: 47%; } }
      @media screen and (min-width: 1080px) {
        .panel.reason img, .panel.recipes img, .panel.mission img, .panel.commercials img, .panel.biscuits img {
          padding: 1%;
          margin: 0 1.44em 0 0.72em;
          width: 22%;
          float: left; }
          .panel.reason img.right, .panel.recipes img.right, .panel.mission img.right, .panel.commercials img.right, .panel.biscuits img.right {
            float: right; }
          .panel.reason img.main, .panel.recipes img.main, .panel.mission img.main, .panel.commercials img.main, .panel.biscuits img.main {
            width: 32%; } }
  @media screen and (min-width: 720px) and (max-width: 1079px) {
    .panel.recipes ul:first-of-type {
      margin-left: calc(47% + 2.16em); } }
  @media screen and (min-width: 1080px) {
    .panel.recipes ul:first-of-type {
      margin-left: calc(32% + 2.16em); } }
  .panel.recipes ul:first-of-type + h3 {
    clear: both;
    padding-top: 0.72em;
    margin-top: 0; }
  .panel.mission, .panel.biscuits {
    top: 5vh;
    width: 98%;
    margin: 0 1%;
    padding-bottom: 5vh; }
    .panel.mission img.logo, .panel.biscuits img.logo {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      box-shadow: none;
      background: none;
      float: none; }
  .panel.biscuits .cta {
    position: relative;
    width: 300px;
    margin: 1em auto;
    height: 6.1005vh;
    font-size: 3.6vh; }
    .panel.biscuits .cta .button {
      width: 100%; }
      .panel.biscuits .cta .button img {
        margin: 0;
        padding: 0;
        width: auto;
        background: none;
        box-shadow: none; }

.label, .button {
  position: absolute;
  /*	width: 34.326vh;
  	left: 50%;
  	margin-left: -17.163vh;*/
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.label {
  width: 34.326vh;
  left: 50%;
  margin-left: -17.163vh;
  top: 6vh;
  height: 60vh;
  background-image: url("../images/label-photo.png?ver=GrTWeiPREempTX/Gciif8A"); }

.button {
  height: 6.1005vh;
  overflow: hidden; }
  .button .container {
    position: relative;
    width: 100%;
    height: 100%; }
    .button .container div {
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      overflow: hidden; }
      .button .container div.left {
        left: 0; }
      .button .container div.right {
        right: 0; }
  .button img.background {
    height: 100%; }
    .button img.background.left {
      float: left; }
    .button img.background.right {
      float: right; }
  .button a {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%; }
    .button a p {
      display: table-cell;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
      vertical-align: middle;
      text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff; }
  .button.first {
    top: 67vh;
    width: 98vw;
    height: 9.15075vh;
    left: 1vw; }
  .button.second, .button.third, .button.fourth, .button.fifth {
    width: 48.5vw; }
    .button.second p, .button.third p, .button.fourth p, .button.fifth p {
      font-size: 3.6vh; }
  .button.second, .button.third {
    top: 74.1005vh; }
  .button.fourth, .button.fifth {
    top: 81.201vh; }
  .button.second, .button.fourth {
    left: 1vw; }
  .button.third, .button.fifth {
    left: 50.5vw; }
  @media screen and (orientation: landscape) {
    .button.first, .button.second, .button.third, .button.fourth, .button.fifth {
      width: 30vw; }
      .button.first a p, .button.second a p, .button.third a p, .button.fourth a p, .button.fifth a p {
        font-size: 3.6vh; }
    .button.first, .button.second, .button.third {
      top: 71vh; }
    .button.fourth, .button.fifth {
      top: 78.1005vh; }
    .button.first {
      height: 6.1005vh;
      left: 2.5vw; }
    .button.second {
      left: 35vw; }
    .button.third {
      left: 67.5vw; }
    .button.fourth {
      left: 18.75vw; }
    .button.fifth {
      left: 52.5vw; } }

.embedded-video {
  padding: 1.5%;
  box-shadow: 3px 3px 4px #7f7f7f;
  background: white;
  margin: 2% 0.5%;
  width: 96%; }

/*# sourceMappingURL=index.css.map */