/* line 1, style.scss */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  /* line 6, style.scss */
  body h2, body a {
    font-family: jubilat, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3em; }
  /* line 12, style.scss */
  body p {
    font-family: jubilat, serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5em; }
  /* line 18, style.scss */
  body .nav {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: white;
    z-index: 50;
    position: fixed; }
    /* line 30, style.scss */
    body .nav .logolink {
      color: black;
      height: 25px;
      width: auto;
      margin: auto auto auto 4%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
          align-content: center; }
      /* line 37, style.scss */
      body .nav .logolink .logo {
        margin: auto auto auto 4%;
        height: 25px;
        width: auto; }
    /* line 45, style.scss */
    body .nav .link {
      width: 15%; }
  /* line 52, style.scss */
  body .header {
    margin-top: 40px;
    background-color: black;
    height: 80vh;
    width: 100%;
    display: block; }
    /* line 58, style.scss */
    body .header .carousel {
      height: 80vh;
      width: 100vw; }
      /* line 61, style.scss */
      body .header .carousel .flickity-viewport {
        height: 100%; }
      /* line 64, style.scss */
      body .header .carousel .carousel-cell {
        color: #FDFBF2;
        width: 80vw; }
      /* line 68, style.scss */
      body .header .carousel .slider-text {
        width: 60%;
        margin: auto; }
        @media (max-width: 500px) {
          /* line 68, style.scss */
          body .header .carousel .slider-text {
            width: 80%; } }
        /* line 74, style.scss */
        body .header .carousel .slider-text h2 {
          text-align: center;
          font-size: 3em;
          font-family: jubilat, serif;
          font-style: normal;
          font-weight: 500; }
        /* line 81, style.scss */
        body .header .carousel .slider-text p {
          font-size: 1.5em;
          font-family: jubilat, serif;
          font-style: normal;
          font-weight: 400; }
        /* line 87, style.scss */
        body .header .carousel .slider-text .dots {
          width: 20%;
          display: inherit;
          margin: auto; }
          @media (max-width: 500px) {
            /* line 87, style.scss */
            body .header .carousel .slider-text .dots {
              width: 40%; } }
      /* line 97, style.scss */
      body .header .carousel .food {
        height: 80vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        /* line 100, style.scss */
        body .header .carousel .food .foodone, body .header .carousel .food .foodtwo, body .header .carousel .food .foodthree {
          -ms-flex-line-pack: center;
              align-content: center; }
      /* line 104, style.scss */
      body .header .carousel .foodone {
        background-image: url(images/Rectangle%202@2x.jpg);
        background-size: cover;
        height: 80vh; }
      /* line 111, style.scss */
      body .header .carousel .foodtwo {
        background-image: url(images/Rectangle%2022@2x.jpg);
        background-size: cover;
        height: 80vh; }
      /* line 117, style.scss */
      body .header .carousel .foodthree {
        background-image: url(images/Rectangle%2023@2x.jpg);
        background-size: cover;
        height: 80vh; }
  /* line 125, style.scss */
  body .about, body .chefchoice {
    margin: auto;
    width: 60%; }
    /* line 127, style.scss */
    body .about h2, body .chefchoice h2 {
      color: #A42635;
      text-align: center; }
    @media (max-width: 500px) {
      /* line 125, style.scss */
      body .about, body .chefchoice {
        width: 90%; } }
    /* line 135, style.scss */
    body .about .dots, body .chefchoice .dots {
      width: 20%;
      display: inherit;
      margin: auto; }
  /* line 141, style.scss */
  body .form {
    width: 50%;
    margin: auto; }
    @media (max-width: 500px) {
      /* line 141, style.scss */
      body .form {
        width: 90%; } }
    /* line 147, style.scss */
    body .form .question {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      /* line 151, style.scss */
      body .form .question div {
        margin-right: 15%; }
    /* line 155, style.scss */
    body .form #go {
      margin-bottom: 100px; }
  /* line 160, style.scss */
  body .details {
    display: none;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 20px auto 40px auto;
    width: 70%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: #fdfbf2; }
    @media (max-width: 750px) {
      /* line 160, style.scss */
      body .details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media (max-width: 500px) {
      /* line 160, style.scss */
      body .details {
        width: 90%; } }
    /* line 176, style.scss */
    body .details .results {
      width: 40%;
      margin: auto; }
      @media (max-width: 750px) {
        /* line 176, style.scss */
        body .details .results {
          width: 90%; } }
      /* line 183, style.scss */
      body .details .results h3 {
        font-size: 1.5em;
        font-family: jubilat, serif;
        font-style: normal;
        font-weight: 400;
        text-align: center; }
      /* line 191, style.scss */
      body .details .results #author {
        font-size: 1em;
        font-family: jubilat, serif;
        font-style: normal;
        font-weight: 300;
        text-align: center; }
      /* line 199, style.scss */
      body .details .results img {
        display: inherit;
        margin: auto; }
      /* line 204, style.scss */
      body .details .results #link {
        margin: 15px auto 30px auto;
        display: block; }
    /* line 211, style.scss */
    body .details #reciperesults {
      width: 40%;
      margin: auto; }
      @media (max-width: 750px) {
        /* line 211, style.scss */
        body .details #reciperesults {
          width: 90%; } }
      /* line 217, style.scss */
      body .details #reciperesults iframe {
        width: 100%;
        height: 400px;
        border: none; }

/* The Overlay (background) */
/* line 229, style.scss */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: black;
  /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/opacity */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  -webkit-transition: 0.5s;
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ }

/* Position the content inside the overlay */
/* line 244, style.scss */
.overlay-content {
  position: relative;
  top: 25%;
  /* 25% from the top */
  width: 100%;
  /* 100% width */
  text-align: center;
  /* Centered text/links */
  margin-top: 30px;
  /* 30px top margin to avoid conflict with the close button on smaller screens */ }

/* The navigation links inside the overlay */
/* line 253, style.scss */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  /* Display block instead of inline */
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /* Transition effects on hover (color) */ }

/* When you mouse over the navigation links, change their color */
/* line 263, style.scss */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1; }

/* Position the close button (top right corner) */
/* line 268, style.scss */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px; }

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  /* line 277, style.scss */
  .overlay a {
    font-size: 20px; }

  /* line 278, style.scss */
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px; } }
/* line 291, style.scss */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* line 296, style.scss */
.Hamburger {
  -ms-flex-line-pack: end;
      align-content: flex-end;
  width: 27px;
  height: 21px;
  padding: 18px 15px;
  margin: auto 5% auto auto; }
  @media (max-width: 900px) {
    /* line 296, style.scss */
    .Hamburger {
      margin: auto 8% auto auto; } }
  @media (max-width: 500px) {
    /* line 296, style.scss */
    .Hamburger {
      margin: auto 10% auto auto; } }
  /* line 312, style.scss */
  .Hamburger b {
    display: block;
    position: absolute;
    height: 3px;
    width: 27px;
    background: #144957;
    border-radius: 6px;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%; }
  /* line 321, style.scss */
  .Hamburger b:first-child {
    top: 18px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1; }
  /* line 326, style.scss */
  .Hamburger b:nth-child(2) {
    top: 27px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1; }
  /* line 331, style.scss */
  .Hamburger b:last-child {
    top: 36px;
    width: 18px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1; }
  /* line 338, style.scss */
  .Hamburger:hover {
    cursor: pointer; }
    /* line 340, style.scss */
    .Hamburger:hover b {
      -webkit-animation: menu-hover 0.3s forwards cubic-bezier(0, 0, 0.2, 1) 1;
              animation: menu-hover 0.3s forwards cubic-bezier(0, 0, 0.2, 1) 1; }
    /* line 341, style.scss */
    .Hamburger:hover b:nth-child(2) {
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
    /* line 342, style.scss */
    .Hamburger:hover b:last-child {
      -webkit-animation-delay: .2s;
              animation-delay: .2s; }

@-webkit-keyframes menu-hover {
  60% {
    -webkit-transform: scaleX(1.4);
            transform: scaleX(1.4); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes menu-hover {
  60% {
    -webkit-transform: scaleX(1.4);
            transform: scaleX(1.4); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

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