/*! normalize.css v3.0.0 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative;--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.splitting .char::after,.splitting .char::before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}

@font-face {
     font-family: 'AndaleMono';
     src:url('../fonts/AndaleMono.woff') format('woff'), url('./fonts/AndaleMono.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'NB-Akademie-Std-Light';
     src:url('../fonts/NB-Akademie-Std-Light.woff') format('woff'), url('./fonts/NB-Akademie-Std-Light.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'NB-Akademie-Std';
     src:url('..//fonts/NB-Akademie-Std.woff') format('woff'), url('./fonts/NB-Akademie-Std.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'RecklessNeue-Book';
     src:url('../fonts/RecklessNeue-Book.woff') format('woff'), url('./fonts/RecklessNeue-Book.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'RecklessNeue-Light';
     src:url('../fonts/RecklessNeue-Light.woff') format('woff'), url('./fonts/RecklessNeue-Light.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}


/* General styles */
 body {
     font-family: "RecklessNeue-Book", Arial, sans-serif;
     background-color: #000000;
     font-size: 13px;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     overflow: hidden;
}
body.active {
    overflow: auto;   
}
 body, html {
     height: 100% 
}
}
 h1 {
}
 h2 {
     font-size: 5rem;
     font-weight: lighter;
     text-transform: uppercase;
     letter-spacing: -.05em;
     line-height: 4rem;
     text-align: center;
}
 a, a:visited {
     text-decoration: none;
     color: #2e639e;
}
 a:hover {
     text-decoration: underline;
}
 .touchonly {
     display: none;
}
 html.touch .touchonly {
     display: block;
}
 .noselect, .noselect * {
     user-select: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
}
 .doselect, .doselect *:not(.noselect) {
     user-select: text;
     -webkit-user-select: text;
     -khtml-user-select: text;
     -moz-user-select: text;
     -o-user-select: text;
}

 .clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 .clearfix {
     display: inline-block;
}

/*
    colors
*/

.box1.outline, .box2.outline, .box3.outline {
    border: 1px solid white;
}
.blue,
#blue {
    background-color: #CEEBEE;
}
.turqoise {
    background-color: #38ced7;
}
.brown {
    background-color: #a66f28;
}
.bordeaux {
    background-color: #953543;
}
.skin {
    background-color: #ED9F4C;
}
.black {
    background-color: #000000;
}
.darkgrey {
    background-color: #161616;
}
.white {
    background-color: #FFFFFF;
}
.red,
#red {
    background-color: #FCDEE2;
}
.green,
#green {
    background-color: #D4EAD0;
}
.orange {
    background-color: #ea6300;
}
.yellow,
#yellow {
    background-color: #FAF9D5;
}
.loading {
    width: 100vw;
    height: 100vh;
}
.loading h2 {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    margin: 0;
    padding: 0;
}

 .header {
     color: #fff;
     font-size: 1.4em;
}
 .header .jumbotron {
     text-transform: uppercase;
}
 .header .jumbotron .cover-logo img {
     min-width: 1248px;
     height: auto;
     margin-bottom: 20px;
}
 .header .jumbotron .cover-footer {
     position: relative;
     padding-top: 40px;
     font-family: Helvetica, sans-serif;
     display: flex;
}
 .header .jumbotron .cover-footer div {
     width: 50%;
     order: 1 1;
}
 .header .jumbotron .cover-footer div h5 {
     text-align: right;
}
 .header .jumbotron .cover-footer .arrow {
     position: absolute;
     left: 50%;
     top: 100%;
     border-left: 1px solid #fff;
     width: 1px;
     height: 0px;
}
 .header .jumbotron b {
     font-size: 11px;
     position: relative;
     top: -5px;
     margin-right: 2px;
}
 .header .jumbotron i {
     font-style: normal;
     font-size: 9px;
     position: relative;
     top: -3px;
}
 .panel-color {
     transition: background-color 2s cubic-bezier(0.16, 1, 0.3, 1);
}
 .recipes .panel .img-recipe{
     width: 40vw;
     height: 100vh;
     position: absolute;
     right: 10vw;
     top: 0px;
     overflow: hidden;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center center;
}
 .showImage {
     transform: perspective(1500px) rotateY(-90deg);
     transform-origin: 0% 50%;
     animation: initImage 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
 @keyframes initImage {
     from {
         background-size: 150%;
         opacity: 0;
         transform: perspective(1500px) rotateY(-45deg);
    }
     to {
         opacity: 1;
         background-size: 100%;
         transform: perspective(1500px) rotateY(0deg);
    }
}
 .recipes .panel img{
     width: 100%;
     height: auto;
}
 html[xmlns] .clearfix {
     display: block;
}
 * html .clearfix {
     height: 1%;
}
 .cover-recipes span, .cover-recipes i {
     opacity: 0;
}
 .recipe-anime {
     animation: fadeInRecipe 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
 .show {
     opacity: 1 !important;
}
 .info {
     opacity: 0;
}
 @keyframes fadeInRecipe {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
.sticker-colored {
	opacity: 0;
}
 .sticker {
     animation: stickerout 5s ease-in-out forwards;
     animation-delay: 2s;
}
}
 @keyframes stickerout {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 .fadeIn {
     animation: fade-in 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
 .cover-footer h4, .cover-footer h5 {
     opacity: 0;
}
.cover-footer.anime h4, .cover-footer.anime h5 {
    animation: fade-in 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
 .cover-footer.anime h4 {
     animation-delay: 5s;
}
 .cover-footer.anime h5 {
     animation-delay: 5.25s;
}
 @keyframes fade-in {
     0% {
         opacity: 0;
         transform: translateY(100%);
    }
     100% {
         transform: translateY(0%);
         opacity: 1;
    }
}
 .header .jumbotron {
     width: 80vw;
}
 .header .jumbotron .cover-logo svg {
     width: 80vw;
     height: auto;
}
 .cover-footer.anime .arrow {
     animation: arrowIn 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
     animation-delay: 6s;
}
 @keyframes arrowIn {
     from {
         height: 0px;
    }
     to {
         height: 200px;
    }
}
 @keyframes animeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes add {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes remove {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 .recipes .scrollmagic-pin-spacer {
     z-index: 98;
}
 #section-3 {
    height: auto;
 }

 #section-3 .row {
    display: grid;
    width: 100vw;
    padding-top: 5vh;
    grid-column-gap: 1vw;
    grid-template-columns: repeat(12, 1fr);
 }
 #section-3 .row:last-child,
 #section-3 .row:nth-child(2)  {
    margin-bottom: 0vh;
 }
 #section-3 .row img {
    width: 100%;
    height: auto;
 }
 #section-3 .row .block {
    opacity: 0;
    transform: translate3d(0px, 25vh, 0px);
    transition: all 2.5s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
 #section-3 .row.is-inview .block {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);   
 }
 #section-3 .row.is-inview .block:nth-child(2) {
    transition-delay: .2s;
 }
 #section-3 .row.r1-1 .block:nth-child(1){
    grid-column: 2/7;
 }
 #section-3 .row.r1-1 .block:nth-child(2){
    grid-column: 7/12;
 }
 #section-3 .row.r2-1 .block:nth-child(1){
    grid-column: 2/8;
 }
 #section-3 .row.r2-1 .block:nth-child(2){
    grid-column: 8/12;
 }
 #section-3 .row.r1-2 .block:nth-child(1){
    grid-column: 2/6;
 }
 #section-3 .row.r1-2 .block:nth-child(2){
    grid-column: 6/12;
 }
 #section-3 .row.r1-0 .block:nth-child(1){
    grid-column: 2/8;
 }
 #section-3 .row.r0-1 .block:nth-child(1){
    grid-column: 6/12;
 }
 #section-3 .row.r0 .block{
        grid-column:  1/13;
    }
 #section-4 {
    
 }
 #section-4, #section-5, .footer {
     z-index: 99;
}
.zoom-page {
    width: 100%;
    overflow: hidden;
    height: 100vh;
    position: relative;
}
.zoom-page.zoom-normal img {
    width: auto;
    min-width: 100vw;
    min-height: 100%;
}
.page__cover,
.page__flipped {
    position: absolute;
    transform-origin: top;
    top: -70%;
    left: -50%;

}
.page__cover {
    z-index: 1;
}
.page__flipped {
    z-index: 0;
}
.page-indicators ul li {
     list-style: none;
}
 .page-indicators {
     position: absolute;
     top: 50%;
     transform: translate3d(0px, -50%, 0px);
}
 .page-indicators .nav-btn {
     display: flex;
     cursor: pointer;
     opacity: .2;
}
 .page-indicators .nav-btn .number, .page-indicators .nav-btn .line {
     height: 20px;
     display: inline-block;
     line-height: 20px;
     position: relative;
     transition: width .5s cubic-bezier(0.16, 1, 0.3, 1);
     font-family: 'AndaleMono', sans-serif;
}
 .nav-select {
     width: 30px !important;
}
 .page-indicators .nav-btn .line {
     width: 20px;
     margin-right: 10px;
}
 .page-indicators .nav-btn .line:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 1px;
     background: #000;
     top: 50%;
}
 .recipes, .wrapper {
     position: relative;
     width: 100vw;
     overflow: hidden;
     min-height: 100vh;
}
 .wrapper {
     height: 100vh;
     overflow: hidden;
}
 .wrapper.book3d {
     height: 200vh;
}
 .recipes {
     min-height: 100vh;
}
 .recipes-pages {
     width: 30vw;
}
 .recipe {
     position: relative;
     width: 100vw;
     padding-bottom: 50px;
     padding-bottom: 50px;
     opacity: .2;
     transition: opacity .5s ease-in-out;
}
 .book-description {
     width: 25vw;
     display: grid;
     margin-left: 10vw;
}
 .book-description h2 {
     text-transform: none;
     text-align: left;
     font-size: 3rem;
     letter-spacing: -1px;
     line-height: 3rem;
     margin-bottom: 20px;
}
 .book-description .indicators {
     margin-bottom: 20px;
     display: none;
}
 .book-description .indicators ul {
     margin: 0;
     padding: 0;
}
 .book-description .indicators li {
     margin: 0;
     padding: 0;
     list-style: none;
     float: left;
     font-family: 'NB-Akademie-Std', sans-serif;
     padding: 8px;
     border: 1px solid;
     border-radius: 100px;
     margin-right: 10px;
}
.book-description .indicators li.invert {
		 background: #000;
		 color: #fff;
}
 .ingredients {
     font-family: 'AndaleMono', sans-serif;
     font-size: 1.2em;
     line-height: 1.4em;
     padding-bottom: 20px;
     display: none;
}
 .ingredients h3 {
     text-transform: uppercase;
}
 .ingredients ul {
     margin: 0;
     padding: 0;
}
 .ingredients ul li {
     list-style: none;
}
 .ingredients ul li.separator {
     margin-bottom: 20px;
}
 .ingredients ul li.ingredients-step {
     text-transform: uppercase;
     font-weight: bold;
     padding-left: 20px;
     position: relative;
}
 .ingredients ul li.ingredients-step:after {
     content: '';
     position: absolute;
     top: 3px;
     left:0px;
     width: 15px;
     height: 15px;
     background: #000;
     border-radius: 100%;
}
 .ingredients ul li.ingredients-step:nth-child(1) {
     margin-top: 20px;
}
 .method {
     font-size: 1.2em;
     line-height: 1.4em;
     padding-bottom: 20px;
}
 .method h3 {
     font-family: 'AndaleMono', sans-serif;
     text-transform: uppercase;
}
 .one-star-method {
     padding: 25px;
}
.delivery-method {
	margin-bottom:  50px !important;
}
.delivery-review {
	position: relative;
}
.delivery-review p {
	font-size: 1.2em;
	font-family: 'NB-Akademie-Std', sans-serif;
}
 .one-star-method h2 {
     text-align: left;
     font-size: 2em;
     line-height: 1em;
     text-transform: uppercase;
     padding: 0;
     margin: 0;
}
.delivery-method h3 {
	font-size: 1em;
}
.delivery-review h3 {
		margin-left:  -7px !important;
		font-family: 'NB-Akademie-Std', sans-serif;
}
.delivery-review h6 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.delivery-review h6,
.one-star-method h3,
.review-reacts,
.delivered-by,
.review-date {
     font-family: 'AndaleMono', sans-serif;
     text-transform: uppercase;
}
.review-date {
	margin-bottom: 15px;
	display: block;
}
.review-date i {
	width: 7px;
	display: inline-block;
	background: #000;
	height: 14px;
	transform: translate3d(0px, 3px, 0px);
}
.review-date i:after {

}
.delivered-by:after {
	content: '';
	position: absolute;
	width: 80px;
	height: 14px;
	background: #000;
	margin-left: 10px;
}
.review-reacts {
	padding: 0;
	margin: 0;
}
.review-reacts li {
	list-style: none;
	display: inline-block;
	padding-left: 15px;
	margin-right: 10px;
}
.review-reacts li:first-child {
	background-image: url('images/comment.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
.review-reacts li:nth-child(2) {
	padding-left: 25px;
	background-image: url('images/like.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
 .one-star-method p {
     font-size: 1.2em;
}
 .our-delivery .infos {
    display: grid;
    width: 100vw;
    grid-column-gap: 3vw;
    grid-template-columns: repeat(12, 1fr);
}
.our-delivery .info.title {
    grid-column: 4/7;
}
.our-delivery .info.promise:nth-child(2) {
    grid-column: 4/7;
}
.our-delivery .info.promise:nth-child(3) {
    grid-column: 7/10;
}
 .our-delivery #sticker {
    width: 12vw;
    margin: 0px auto;
    display: block;
 }
 .our-delivery #sticker #wheel {
    
    transform-origin: center !important;
    animation-name: rotateSticker;
 }
 @keyframes rotateSticker [
    0 {
        transform: rotate()
    }
 ]
 .our-delivery .info {
     display: table-cell;
     font-size: 1.2em;
     line-height: 1.4em;
}
 .our-delivery .info h6 {
     font-family: 'AndaleMono', sans-serif;
     font-size: 1.2em;
}
 .our-delivery .info.indicators {
     width: 15%;
     font-family: 'AndaleMono', sans-serif;
     font-size: 1em;
}
 .our-delivery .info.symbol {
     width: 30%;
     font-family: 'AndaleMono', sans-serif;
     font-size: 1em;
}
 .our-delivery .info.indicators ul, .our-delivery .info.symbol ul {
     margin: -10px;
     padding: 0;
     margin-right: 50px;
     margin-top: 0px;
}
 .our-delivery .info.indicators ul li, .our-delivery .info.symbol ul li {
     list-style: none;
     line-height: 25px;
     text-transform: uppercase;
}
 .our-delivery .info.indicators ul li span {
     font-family: 'NB-Akademie-Std', sans-serif;
     font-size: .8em;
     border: 1px solid #000;
     border-radius: 100%;
     width: 25px;
     line-height: 25px;
     margin: 5px;
     text-align: center;
     display: inline-block;
}
.our-delivery .info.indicators ul li span.black {
    background: #000;
    color: #fff;
}
 .our-delivery .info.symbol ul li span {
     border: 1px solid #000;
     border-radius: 100%;
     background: #000;
     width: 25px;
     line-height: 25px;
     margin: 5px;
     text-align: center;
     display: inline-block;
}
}
 .our-delivery .info.symbol ul li span img {
     width: 100%;
     height: auto;
}
.our-delivery .info.promise p {
    font-size: 1.5em;
}
.footer {
    color: #fff;
}
.footer .form-return {
    display: none;
}
.footer .form-send {
    width: 70%;
    position: relative;
    display: block;
    margin: 0px auto;
}
 .footer .footer__video {
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: -1;
 }
 .footer .footer__video video {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate3d(50%, -50%, 0px);
    width: auto;
    min-width: 100vw;
    min-height: 100vh;
    height: auto;
 }
 .footer a {
     border: 1px solid #fff;
     padding: 20;
     color: #fff;
     text-transform: uppercase;
     font-size: 1.4em;
     border-radius: 100px;
     width: 300px;
     display: block;
     text-align: center;
     margin: 0px auto;
     margin-top: -50px;
     position: relative;
     font-family: 'NB-Akademie-Std', sans-serif;
}
.footer .jumbotron {
    text-align: center;
}
.footer .jumbotron p {
    font-size: 1.6em;
}
.login-box {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 10px;
}

.login-box h2 {
  margin: 0 0 30px;
  padding: 0;
  color: #fff;
  text-align: center;
}

.login-box .user-box {
  position: relative;
  font-family: 'AndaleMono', sans-serif;
}

.login-box .user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
}
.login-box .user-box label {
  position: absolute;
  top:0;
  left: 0;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
  transition: .5s;
}

.login-box .user-box input:focus ~ label,
.login-box .user-box input:valid ~ label {
  top: -20px;
  left: 0;
  color: #fff;
  font-size: 12px;
}

.login-box form a {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: .5s;
  margin-top: 40px;
  letter-spacing: 4px
}

.login-box a span {
  position: absolute;
  display: block;
}

.login-box a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #FAF9D5);
  animation: btn-anim1 1s linear infinite;
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%,100% {
    left: 100%;
  }
}

.login-box a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #FAF9D5);
  animation: btn-anim2 1s linear infinite;
  animation-delay: .25s
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,100% {
    top: 100%;
  }
}

.login-box a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #FAF9D5);
  animation: btn-anim3 1s linear infinite;
  animation-delay: .5s
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,100% {
    right: 100%;
  }
}

.login-box a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #FAF9D5);
  animation: btn-anim4 1s linear infinite;
  animation-delay: .75s
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,100% {
    bottom: 100%;
  }
}

 .wrapper .jumbotron {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate3d(-50%, -50%, 0px);
}
 .panel {
     position: absolute;
     width: 100vw;
     height: 100vh;
}
 .cover-logo {
     padding-bottom: 30px;
}
 .book {
     height: 300vh;
}
#section2-5 {
    height: 200vh;   
}
 .book {
    position: absolute;
    height: 100vh;
    width: 100vw;
}
 .book #book__scroll {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate3d(50%, -50%, 0px);
    width: auto;
    min-width: 100vw;
    min-height: 100vh;
    height: auto;
 }


@media only screen and (max-width: 600px) {

    .header {
        font-size: 1.25vh;
    }
    .header .jumbotron b {
        font-size: .8vh;
    }
    .header .jumbotron i {
        font-size: .7vh;   
    }

    .wrapper .jumbotron {
        width: 85vw;
    }
    .header .jumbotron .cover-logo svg {
        width: 85vw;   
    }

    #section-3 .row.r1-0 .block:nth-child(1),
    #section-3 .row.r0-1 .block:nth-child(1),
    #section-3 .row.r1-2 .block:nth-child(1),
    #section-3 .row.r1-2 .block:nth-child(2),
    #section-3 .row.r1-1 .block:nth-child(1),
    #section-3 .row.r1-1 .block:nth-child(2),
    #section-3 .row.r2-1 .block:nth-child(1),
    #section-3 .row.r2-1 .block:nth-child(2) {
        grid-column:  2/12;
    }

    #section-3 .row.r1-2 .block:nth-child(2),
    #section-3 .row.r1-1 .block:nth-child(2),
    #section-3 .row.r2-1 .block:nth-child(2) {
        padding-top: 5vh;
    }

    .our-delivery .info.title {
        grid-column:  2/12;
    }
    #section-5 {
        min-height: 160vh;
    }
    .our-delivery #sticker {
        width: 40vw;
    }
    .zoom-page.zoom-normal {
        height: auto;
        overflow: initial;
    }
    .zoom-page.zoom-normal img {
        width: 100%;
        height: auto;
    }

    #section-2 h2,
    #section-4 h2,
    .footer h2,
    #section-5 h2{
        font-size: 2.2em;
        line-height: 1.2em;
    }
    .footer .form-send {
        width: 100%;
    }
    .our-delivery .infos {
        width: 90vw;
    }
    .our-delivery .info.promise:nth-child(2),
    .our-delivery .info.promise:nth-child(3) {
        grid-column:  2/12;
    }
    .our-delivery .info.promise p,
    .footer .jumbotron p {
        font-size: 1.2em;
    }
    .footer a {
        width: 80%;
    }
}