:root {
     --2003: #4d0b00;
     --2004: #741301;
     --2005: #a50e00;
     --2006: #d00700;
     --2007: #ed0300;
     --2008: #ff0400;
     --2009: #ff2500;
     --2010: #ff3f00;
     --2011: #ff5800;
     --2012: #ff7200;
     --2013: #ff8800;
     --2014: #ffa300;
     --2015: #ffb900;
     --2016: #ffd400;
     --2017: #ffea00;
     --2018: #f7fd02;
     --2019: #d3f40b;
     --2020: #a7e916;
     --2021: #83e01f;
     --2022: #5ed728;
     --2023: #41d02f;
     --2024: #33cc33;
     --2025: #1fa433;
     --2026: #0d8033;
     --2027: #00603e;
     --2028: #005554;
     --2029: #00496e;
     --2030: #004080;
     --2031: #00388e;
     --2032: #003596;
     --2033: #005db5;
     --2034: #0081cd;
     --2035: #00a5e5;
     --2036: #00c3f9;
     --2037: #12b4f3;
     --2038: #269ae6;
     --2039: #3a7fd9;
     --2040: #4e64cb;
     --2041: #624abe;
     --2042: #6c36b7;
     --2043: #8022aa;
     --2044: #8f0ea0;
     --2045: #9d069d;
     --2046: #ab1aab;
     --2047: #c13cc1;
     --2048: #d75dd7;
     --2049: #e978e9;
     --2050: #ff99ff;
}

html,
body {
     padding: 0;
     margin: 0;
     overflow-x: hidden;
     scroll-behavior: smooth;
     background: #000000;
     color: #ffffff;
     max-width: 100%;
     height: 100%;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 400;
}

a {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
}

.dice_beat_content {
     height: 12vw;
     margin-top: 15vh;
     margin-bottom: 4vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.dice_beat_content img.anim {
     width: 8vw;
     -webkit-animation-name: anim;
     animation-name: anim;
     -webkit-animation-duration: 1000ms;
     animation-duration: 1000ms;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}

@-webkit-keyframes anim {
     from {
          width: 8vw;
     }

     to {
          width: 9vw;
     }
}

@keyframes anim {
     from {
          width: 8vw;
     }

     to {
          width: 9vw;
     }
}

.dice_title {
     text-align: center;
     font-size: 80px;
     text-transform: uppercase;
     font-weight: 400;
     letter-spacing: 2px;
     color: blue;
     margin-bottom: 4vh;
}

.dice_wait {
     text-align: center;
     font-size: 30px;
     font-weight: 300;
     letter-spacing: 2px;
     color: #888888;
}

.wrapper {
     width: 70vw;
     margin: 2vh auto;
     position: relative;
}

header a {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     padding: 1vh 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

.logo_box img {
     height: 100px;
     border: none;
}

.title_box {
     font-size: 120px;
     color: blue;
     line-height: 1;
}

.name_box {
     font-size: 50px;
     color: blue;
     line-height: 1;
}

nav.navbar1 {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 4vh 0 2vh 0;
}

nav.navbar1 a,
nav.navbar1 button {
     width: 6.6vw;
     text-align: center;
     font-family: 'Oswald', sans-serif;
     font-size: 0.9vw;
     font-weight: 700;
     color: #000000;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 0.75vh 0;
     border: none;
     cursor: pointer;
}

nav.navbar1 a:hover,
nav.navbar1 button:hover {
     letter-spacing: 2px;
}

nav.navbar2 {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 2vh 0;
}

nav.navbar2 button {
     width: 1.3vw;
     font-family: 'Oswald', sans-serif;
     font-size: 0.7vw;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 2px;
     border: none;
     color: #000000;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 6vh;
}

nav.navbar2 button span {
     -webkit-writing-mode: vertical-rl;
     -ms-writing-mode: tb-rl;
     writing-mode: vertical-rl;
}

nav.navbar2 button:hover {
     letter-spacing: 3px;
}

section.heading {
     font-size: 24px;
     font-weight: 700;
     color: #000000;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 1vh 0.5vw;
     margin-bottom: 1vh;
}

section.corpus {
     width: 70vw;
     display: grid;
     grid-template-columns: repeat(10, 6.5vw);
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}

.dice_box {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 6.5vw;
     height: 6.5vw;
     margin-bottom: 1vh;
     color: #000000;
     background-color: #ffffff;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 2px;
     text-align: center;
}

.dice_box_roof {
     padding-bottom: 5px;
     width: 100%;
     height: 18%;
}

.dice_box_house {
     width: 100%;
     height: 82%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.dice_box_house img {
     max-width: 80%;
     max-height: 80%;
     -o-object-fit: contain;
     object-fit: contain;
}

.overlay {
     position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 60vw;
     height: 80vh;
     background-color: #eeeeee;
     -webkit-transition: opacity 300ms;
     transition: opacity 300ms;
     visibility: hidden;
     opacity: 0;
     color: #000000;
}

.overlay:target {
     visibility: visible;
     opacity: 1;
}

.popup_header {
     width: 60vw;
     height: 8vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 44px;
}

.popup_header .left_column {
     font-weight: 700;
     letter-spacing: 1px;
}

.popup_header img {
     height: 40px;
     border: none;
     margin-right: 0.5vw;
}

.popup_header > :nth-child(3) {
     margin-left: 5vw;
}

a.close {
     position: absolute;
     right: 15px;
     cursor: pointer;
}

a.close:hover {
     color: limegreen;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}

.popup_body {
     width: 60vw;
     height: 72vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.left_column {
     width: 8vw;
     padding-left: 15px;
     padding-top: 4vh;
}

.left_column > div > img {
     height: 20px;
}

.image_content {
     width: 52vw;
     height: 72vh;
     background-color: #ffffff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.image_content img {
     width: 90%;
     height: 90%;
     -o-object-fit: contain;
     object-fit: contain;
}

footer {
     width: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: #000000;
     letter-spacing: 2px;
     padding: 5px 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     font-size: 0.8vw;
     font-weight: 600;
}

section.grid_shops,
section.grid_collections {
     width: 70vw;
     margin: 0 auto;
     display: grid;
     grid-template-columns: repeat(4, 15vw);
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}

section.grid_shops a {
     width: 15vw;
     background-color: hotpink;
     padding: 1vh 0;
     margin: 3vh 0;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-align: center;
}

section.grid_collections a {
     width: 15vw;
     background-color: red;
     padding: 1vh 0;
     margin: 3vh 0;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-align: center;
}

section.grid_shops a:hover,
section.grid_collections a:hover {
     letter-spacing: 2px;
}

section.common p {
     font-size: 20px;
     letter-spacing: 1px;
}

section.common input[type=text],
section.common input[type=email] {
     width: 100%;
     margin-bottom: 2vh;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 1px;
     padding: 5px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

section.common textarea {
     width: 100%;
     margin-bottom: 2vh;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 1px;
     padding: 5px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     resize: vertical;
}

section.common input[type=submit] {
     width: 100%;
     margin-bottom: 2vh;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #ffffff;
     padding: 5px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: none;
     background-color: dimgrey;
     cursor: pointer;
}

section.common input[type=submit]:hover {
     background-color: #a0a0a0;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}

.right > a > i {
     font-size: 3rem;
     color: dimgrey;
}

.right > a > i:hover {
     color: #a0a0a0;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}

.listing {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-left: 4vw;
}

.listing_item {
     margin: 0 2vw 2vh 0;
}

.listing_item > form > button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #ffffff;
     background-color: transparent;
     border: none;
     cursor: pointer;
}

.listing_item > form > button:hover {
     opacity: 0.5;
}

.listing_item > form > button > img {
     height: 30px;
     margin-right: 0.5vw;
}

.listing > form > input[type=text] {
     width: 5vw;
     margin-right: 1vw;
     margin-bottom: 2vh;
     font-family: 'Oswald', sans-serif;
     font-size: 16px;
     font-weight: 500;
     text-align: center;
     padding: 5px;
     background-color: #ffffff;
     color: #000000;
     border: none;
}

.listing > form > input[type=submit] {
     width: 5vw;
     margin-right: 1vw;
     font-family: 'Oswald', sans-serif;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 5px;
     background-color: forestgreen;
     color: #ffffff;
     border: none;
     cursor: pointer;
}

.listing > form > input[type=submit]:hover {
     letter-spacing: 2px;
     background-color: #2aa72a;
}

.listing > form > input[type=reset] {
     width: 5vw;
     font-family: 'Oswald', sans-serif;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 5px;
     background-color: darkred;
     color: #ffffff;
     border: none;
     cursor: pointer;
}

.listing > form > input[type=reset]:hover {
     letter-spacing: 2px;
     background-color: red;
}

.obwoluta {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}

.obwoluta div {
     width: 20%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}

.obwoluta a {
     font-size: 2rem;
     color: #8d8d8d;
}

.obwoluta a:hover {
     color: #b96300;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}

button.dicerules {
     width: 4vw;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-family: 'Oswald', sans-serif;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 1px;
     color: #ffffff;
     background-color: orangered;
     border: none;
     cursor: pointer;
     padding: 7px 25px;
     margin: 15px 0;
}

button.dicerules:hover {
     letter-spacing: 2px;
}

/* 🔹 Wspólne style dla modali */
.modal {
     display: none;
     position: fixed;
     z-index: 2000;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
     background: rgba(0, 0, 0, 0.5);
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.modal-content {
     background: white;
     width: 30vw;
     height: 80vh;
     padding: 20px;
     overflow-y: auto;
     position: relative;
     font-size: 1.8vh;
     color: black;
}

.close {
     position: absolute;
     top: 10px;
     right: 20px;
     font-size: 3vh;
     font-weight: bold;
     cursor: pointer;
     color: orangered;
}

.close:hover {
     color: black;
}

.hanging-list {
     list-style: none;
     /* usuwa bullet / numer */
     padding-left: 0;
     /* usuwa domyślny padding listy */
     margin: 0;
}

.hanging-list li {
     font-size: 2.2vh;
     text-indent: -20px;
     /* pierwszy wiersz na lewo */
     padding-left: 20px;
     /* kolejne wiersze wcięte */
}

/* ============================================================= */

header.mobi {
     width: 90vw;
     height: 10vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: fixed;
     top: 0;
     left: 5vw;
     background-color: black;
     z-index: 5;
}

header.mobi img {
     height: 7vh;
     border: none;
}

nav.navbar_mobi {
     width: 90vw;
     height: 5vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
     padding: 1vh 0 4vw 0;
     overflow-x: auto;
     white-space: nowrap;
     scrollbar-width: none;
     position: fixed;
     top: 10vh;
     left: 5vw;
     background-color: black;
     z-index: 5;
}

nav.navbar_mobi::-webkit-scrollbar {
     display: none;
}

nav.navbar_mobi button {
     width: 180px;
     height: 100px;
     font-family: 'Oswald', sans-serif;
     font-size: 40px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 2px;
     border: none;
     color: #000000;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

section.corpus_mobi {
     width: 90vw;
     height: 67vh;
     display: grid;
     grid-template-columns: repeat(2, 43vw);
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     position: absolute;
     top: 16vh;
     left: -10vw;
     overflow: auto;
}

.dice_box_mobi {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 43vw;
     height: 43vw;
     margin-bottom: 4vw;
     color: #000000;
     background-color: #ffffff;
     text-align: center;
}

.dice_box_roof_mobi {
     width: 100%;
     height: 18%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 30px;
     font-weight: 700;
     letter-spacing: 2px;
}

.dice_box_house_mobi {
     width: 100%;
     height: 82%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 60px;
     font-weight: 700;
     letter-spacing: 3px;
}

.dice_box_house_mobi img {
     max-width: 80%;
     max-height: 80%;
     -o-object-fit: contain;
     object-fit: contain;
}

footer.mobi {
     width: 90vw;
     height: 8vh;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: #000000;
     letter-spacing: 2px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: black;
     font-size: 20px;
     font-weight: 700;
     position: fixed;
     bottom: 0;
     left: 5vw;
     z-index: 5;
}

footer.mobi form {
     width: 76%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}

footer.mobi img {
     height: 78px;
}

footer.mobi div,
footer.mobi span {
     width: 78px;
     height: 78px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 40px;
     color: white;
     background-color: transparent;
     border: 3px solid white;
     position: relative;
}

div[data-title]::after {
     content: attr(data-title);
     position: absolute;
     bottom: 12vh;
     left: 0;
     background-color: #dddddd;
     color: #000000;
     text-align: center;
     padding: 6px;
     width: 70vw;
     white-space: pre-line;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
     z-index: 20;
     font-family: 'Oswald', sans-serif;
     font-size: 60px;
     font-weight: 400;
     letter-spacing: 1px;
     word-spacing: 3px;
     text-transform: none;
     line-height: 1.5;
     pointer-events: none;
}

div[data-title]:hover::after {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
}

footer.mobi i {
     font-size: 40px;
}

footer.mobi form input[type="text"] {
     width: 60%;
     height: 78px;
     border: none;
     outline: none;
     background-color: white;
     padding: 5px;
     text-align: center;
     font-family: 'Oswald', sans-serif;
     font-size: 50px;
     font-weight: 600;
}

footer.mobi form button[type="submit"] {
     border: none;
     outline: none;
     background-color: transparent;
     padding: 0;
     text-align: center;
}

.overlay_mobi {
     position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 90vw;
     height: auto;
     background-color: white;
     -webkit-transition: opacity 300ms;
     transition: opacity 300ms;
     visibility: hidden;
     opacity: 0;
     color: #000000;
     z-index: 20;
}

.overlay_mobi:target {
     visibility: visible;
     opacity: 1;
}

.popup_header_mobi {
     width: 100%;
     height: 5vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 40px;
     font-weight: 700;
     letter-spacing: 2px;
}

.close_mobi {
     position: absolute;
     right: 15px;
     font-size: 70px;
     cursor: pointer;
}

.close_mobi:hover {
     color: limegreen;
     -webkit-transition: 0.3s all;
     transition: 0.3s all;
}

.popup_body_mobi {
     width: 100%;
     height: 50vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 5vw;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 60px;
     font-weight: 700;
     letter-spacing: 3px;
}

.popup_body_mobi img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
}

.popup_footer_mobi {
     width: 100%;
     padding: 5vw 5vw 0 5vw;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 50px;
     font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     background-color: #f7f7f7;
}

span.flag img {
     height: 45px;
     margin-right: 3vw;
}

span.logo img {
     max-height: 45px;
     max-width: 50vw;
}

.popup_cellar_mobi {
     width: 100%;
     background-color: #f7f7f7;
     padding: 5vw;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 50px;
     font-weight: 600;
}

.popup_cellar_mobi img {
     height: 45px;
     margin-right: 1.5vw;
}

.totop {
     position: fixed;
     right: 2vw;
     bottom: 10vh;
     background-color: transparent;
     border: none;
     outline: none;
     padding: 0;
     margin: 0;
     font-size: 100px;
     color: hotpink;
     z-index: 4;
     cursor: pointer;
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
     transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
     transition: opacity 0.5s ease, transform 0.5s ease;
     transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
     transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.totop.show {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
}