body{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#dedede}nav{background:#e6ae48;place-items:center}nav,nav ul{display:grid}nav ul{list-style:none;width:400px;grid-gap:20px;box-sizing:border-box;grid-template-columns:1fr 1fr;justify-items:center;padding-left:0}nav a{color:#78190d;text-decoration:none;text-transform:uppercase;font-weight:700}nav a.router-link-exact-active{text-decoration:underline}.fade-enter-active[data-v-33d69bb8]{transition:opacity 1.5s}.fade-leave-active[data-v-33d69bb8]{transition:opacity 0s}.fade-enter[data-v-33d69bb8],.fade-leave-to[data-v-33d69bb8]{opacity:0}#demo[data-v-33d69bb8]{display:grid;place-items:center;height:100vh;grid-template-rows:1fr 50px}#demo #back-link[data-v-33d69bb8]{grid-row-start:2;border-top:1px solid #78190d;width:100%;height:50px;line-height:50px}#demo #back-link a[data-v-33d69bb8],#demo #back-link span[data-v-33d69bb8]{color:#78190d;font-weight:700}#demo #container[data-v-33d69bb8]{width:100%;height:100%;background:#efefef;position:relative;overflow-y:hidden}#demo #container #image-grid[data-v-33d69bb8]{display:grid;grid-template-columns:repeat(4,1fr);position:relative}#demo #container #image-grid img[data-v-33d69bb8]{width:100%;height:calc(9.09091vh - 4.54545px);-o-object-fit:cover;object-fit:cover}#demo #container #overlay[data-v-33d69bb8]{background:#333;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.2;height:100%;z-index:1}#demo #container #action-block[data-v-33d69bb8]{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);max-height:376px;min-height:376px;overflow-y:hidden;transition:max-height .8s ease-in;width:290px;padding:25px;box-sizing:border-box;margin-left:auto;margin-right:auto;background:rgba(248,239,196,.9490196078431372);color:#78190d;border-radius:4px;border:1px solid #78190d;box-shadow:0 3px 1px -2px #78190d,0 2px 2px 0 #78190d,0 1px 5px 0 #78190d;display:grid;align-items:center}#demo #container #action-block.dynamic[data-v-33d69bb8]{max-height:450px}#demo #container #action-block h1[data-v-33d69bb8],#demo #container #action-block h2[data-v-33d69bb8]{margin-top:0}#demo #container #action-block h2[data-v-33d69bb8]{line-height:28px}#demo #container #action-block p[data-v-33d69bb8]{color:#333}#demo #container #action-block .btn[data-v-33d69bb8],#demo #container #action-block button[data-v-33d69bb8]{margin-top:10px;background:#78190d;color:#fff;height:44px;border:none;padding-left:15px;padding-right:15px;font-weight:700;text-transform:uppercase}#demo #container #action-block img[data-v-33d69bb8]{width:100%}#demo #container #action-block a.btn[data-v-33d69bb8]{text-decoration:none;display:block;line-height:44px}#demo #container #action-block button.link[data-v-33d69bb8]{padding:0;background:none;color:#e6ae48;border:none;text-decoration:underline;text-transform:none;height:auto;margin-top:15px}#demo #container #action-block .counter[data-v-33d69bb8]{min-height:200px;display:grid;place-items:center}#demo #container #action-block .counter div[data-v-33d69bb8]{color:#e6ae48;font:800 40px system-ui;font-size:150px}@media (min-width:600px){#demo[data-v-33d69bb8]{background-image:url(../img/table-vegetable.1cbe5391.jpg);background-size:cover;background-position:50% 50%;grid-template-rows:50px 1fr}#demo #back-link[data-v-33d69bb8]{grid-row-start:1;border-top:none;background:rgba(120,25,13,.30196078431372547)}#demo #back-link a[data-v-33d69bb8],#demo #back-link span[data-v-33d69bb8]{color:#000}#demo #phone[data-v-33d69bb8]{background-image:url(../img/smartphone-350.4f53d01e.png);width:350px;height:703px;background-size:100%}#demo #container[data-v-33d69bb8]{max-width:323px;max-height:573px;margin-left:12px;margin-top:68px}#demo #container #image-grid img[data-v-33d69bb8]{height:52.1px}}@media (min-width:600px) and (max-height:703px){#demo[data-v-33d69bb8]{height:auto;padding:10px 0}}