@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Oswald:wght@400;500;600;700&family=Play:wght@400;700&display=swap');

/** Reset de estilos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    color: #fff;
    background: #000;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 1em;
    line-height: 1em;
    z-index: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:focus { outline: 0; }
:required, :invalid {
    outline: 0;
    box-shadow: none;
}
html {
    height: 100%;
    font-size: 80%;
}
div {
    position: relative;
}
img {
    -ms-interpolation-mode: nearest-neighbor;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
button:focus, input:focus {
    outline: 0;
}
.noselect {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
button {
    border: 0;
    border-radius: 0;
    font-family: 'Lato';
    cursor: pointer;
}
strong {
    font-weight: bold;
}
a {
    text-decoration: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/** General */
:root {
    --side-margin: 12.2%;
    --font-headers: 'Oswald', 'Lato', Arial, sans-serif;
}
html, body {
    scroll-behavior: smooth;    
}
header {
    background: radial-gradient(circle at center calc(100% + 50px),
        rgba(255, 160, 50, 1) 0%,
        rgba(160, 40, 0, .95) 10%,
        rgba(160, 40, 0, .6) 15%,
        rgba(60, 20, 0, .6) 30%,
        transparent 80%
    );
}
header .menu {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
    padding: 34px var(--side-margin);
}
header .menu .logo {
    flex: auto 1 0;
}
header .menu nav {
    flex: auto 0 1;
}
header .menu nav ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
}
header .menu nav ul li {
    padding: 0 10px;
    color: #fff;
    font-weight: 900;
    font-size: 1.9em;
    line-height: 1.25em;
    text-transform: uppercase;
}
header .menu nav ul li a {
    display: block;
    padding: 0 35px;
    color: #eee;
}
header .menu nav ul li:last-child a {
    padding-right: 0;
}
header .menu nav ul li span {
    display: block;
    color: #84320b;
    font-weight: bold;
    font-size: .95rem;
    line-height: 1rem;
}
header .menu nav ul li a:hover,
header .menu nav ul li a:focus {
    color: #fff;
}
header .menu nav ul li a:hover span,
header .menu nav ul li a:focus span {
    color: #c24910;
}
header .banner {
    position: relative;
    width: 100%;
    padding: 133px 0 185px;
    line-height: 0;
    text-align: center;
    overflow: hidden;
}
header .banner img {
    max-width: 100%;
}
header .banner__weapon img {
    max-width: 100vw;
}
header .banner__weapon {
    --banner-weapon-counter: 0;
    --banner-weapon-intro-duration: .5;
    --banner-weapon-slam-duration: .3;
    --banner-weapon-slam-delay: calc(var(--banner-weapon-intro-duration) - .08);
    --banner-weapon-glow-duration: .2;
    --banner-weapon-glow-delay: calc(var(--banner-weapon-intro-duration) - .1);
    --banner-weapon-intro-delay: calc((var(--banner-weapon-slam-duration) + var(--banner-weapon-slam-delay) - .5) * var(--banner-weapon-counter));
    --banner-weapon-idle-duration: 5.2;
    position: absolute;
    z-index: 2;
    animation-duration:
        calc(var(--banner-weapon-intro-duration) * 1s),
        calc(var(--banner-weapon-slam-duration) * 1s),
        calc(var(--banner-weapon-idle-duration) * 1s);
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1, 1, infinite;
    animation-fill-mode: forwards;
    animation-delay:
        calc(var(--banner-weapon-intro-delay) * 1s),
        calc((var(--banner-weapon-intro-delay) + var(--banner-weapon-slam-delay)) * 1s),
        calc((var(--banner-weapon-slam-duration) + var(--banner-weapon-slam-delay) - .5) * 4 * 1s);

}
header .banner__weapon:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    box-shadow: 0 0 40px 20px #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: -1;
    animation: banner-weapon-slam-glow calc(var(--banner-weapon-glow-duration) * 1s) forwards calc((var(--banner-weapon-intro-delay) + var(--banner-weapon-glow-delay)) * 1s);
}
@keyframes banner__weapon-slam {
    50% {
        transform: scale(1.4);
        filter: brightness(1.5);
    }
}
@keyframes banner-weapon-slam-glow {
    0% {
        opacity: .5;
    }
    100% {
        width: 60%;
        height: 60%;
        opacity: 0;
    }    
}
header .banner__weapon:nth-of-type(1) {
    top: -100%;
    left: -100%;
    animation-name: banner__weapon-1-intro, banner__weapon-slam, banner__weapon-1-idle;
}
@keyframes banner__weapon-1-intro {
    to {
        top: calc(50% - 320px);
        left: calc(50% - 470px);
    }
}
header .banner__weapon:nth-of-type(2) {
    --banner-weapon-counter: 1;
    --banner-weapon-idle-duration: 6.1;
    top: -100%;
    right: -100%;
    animation-name: banner__weapon-2-intro, banner__weapon-slam, banner__weapon-2-idle;
}
header .banner__weapon:nth-of-type(2):before {
    transform: translate(calc(-50% + 30px), calc(-50% - 20px));
}
@keyframes banner__weapon-2-intro {
    to {
        top: calc(50% - 290px);
        right: calc(50% - 455px);
    }
}
header .banner__weapon:nth-of-type(3) {
    --banner-weapon-counter: 2;
    --banner-weapon-idle-duration: 4.6;
    bottom: -100%;
    left: -100%;
    animation-name: banner__weapon-3-intro, banner__weapon-slam, banner__weapon-3-idle;
}
header .banner__weapon:nth-of-type(3):before {
    transform: translate(calc(-50% - 40px), -50%);
}
@keyframes banner__weapon-3-intro {
    to {
        bottom: calc(50% - 250px);
        left: calc(50% - 400px);
    }
}
header .banner__weapon:nth-of-type(4) {
    --banner-weapon-counter: 3;
    --banner-weapon-idle-duration: 5.8;
    bottom: -100%;
    right: -100%;
    animation-name: banner__weapon-4-intro, banner__weapon-slam, banner__weapon-4-idle;
}
header .banner__weapon:nth-of-type(4):before {
    transform: translate(calc(-50% + 40px), -50%);
}
@keyframes banner__weapon-4-intro {
    to {
        bottom: calc(50% - 295px);
        right: calc(50% - 445px);
    }
}
@keyframes banner__weapon-1-idle {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    25%  { transform: translate(4px, -6px) rotate(2deg); }
    50%  { transform: translate(-2px, 4px) rotate(-3deg); }
    75%  { transform: translate(6px, 2px) rotate(3.6deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}
@keyframes banner__weapon-2-idle {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    20%  { transform: translate(-4px, 2px) rotate(-2deg); }
    40%  { transform: translate(2px, -4px) rotate(3deg); }
    70%  { transform: translate(-2px, 6px) rotate(-4deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}
@keyframes banner__weapon-3-idle {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    30%  { transform: translate(6px, -4px) rotate(4deg); }
    60%  { transform: translate(-6px, 2px) rotate(-3.6deg); }
    90%  { transform: translate(4px, -2px) rotate(2deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}
@keyframes banner__weapon-4-idle {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    15%  { transform: translate(4px, 4px) rotate(2.4deg); }
    45%  { transform: translate(-4px, -2px) rotate(-2deg); }
    80%  { transform: translate(2px, 6px) rotate(3deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}
@media (max-width: 767px) {
    header .banner {
        padding: 10px 0 40px;
    }
    header .banner__weapon {
        display: none;
    }
}
main {
    padding: 0 0 40px;
}
section {
    padding: 40px var(--side-margin);
}
section#sponsors {
    background: radial-gradient(circle at center top,
        rgba(19, 91, 86, 1) 0%,
        rgba(19, 91, 86, 0.75) 4%,
        rgba(19, 91, 86, 0.6) 6%,
        rgba(19, 91, 86, 0.4) 11%,
        rgba(19, 91, 86, 0.2) 18%,
        rgba(19, 91, 86, 0.12) 30%,
        rgba(19, 91, 86, 0.06) 45%,
        rgba(19, 91, 86, 0.02) 65%,
        rgba(19, 91, 86, 0) 100%
    );
}
footer {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 52px var(--side-margin) 80px;
    background: #0c0c0c;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent 15%, #444, transparent 85%);
    border-image-slice: 1;
    font-size: 1.4em;
    line-height: 1.3em;
}
.footer__info,
.footer__social {
    flex: 35% 1 0;
}
.footer__info {
    color: #c2c2c2;
}
.footer__menu {
    flex: 15% 0 0;
    margin: 0 5% 0 10%;
    text-align: center;
}
.footer__social {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end;
}
.footer__logo {
    margin-bottom: 10px;
}
.footer__logo img {
    max-width: 234px;
}
.footer__menu nav ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer__menu nav ul li {
    margin-bottom: 10px;
}
.footer__menu nav ul li a {
    position: relative;
    display: block;
    padding-left: 18px;
    color: #868686;
}
.footer__menu nav ul li a:hover,
.footer__menu nav ul li a:focus {
    color: #a6a6a6;
}
.footer__menu nav ul li a:before {
    position: absolute;
    content: "\276F";
    top: .5px;
    left: 0;
    font-size: .6em;
    color: #8f7260;
}
.footer__social h3,
.footer__social h4 {
    margin-bottom: 15px;
    font: normal 1.15em/1.2em var(--font-headers);
    text-transform: uppercase;
    text-align: right;
}
.footer__social > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer__social > ul li a {
    display: flex;
    align-items: center;
    width: 58px;
    height: 58px;
    justify-content: center;
    border: 1px solid #333;
    border-radius: 8px;
}
.footer__social > ul li a:hover,
.footer__social > ul li a:focus {
    background: #333;
}
.footer__social > ul li a img {
    max-width: 100%;
    max-height: 100%;

}
.footer__languages {
    margin-top: 30px;
}
.footer__languages ul {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer__languages button {
    width: 50px;
    height: 50px;
    background: transparent;
}
.footer__languages button:hover,
.footer__languages button:focus {
    filter: brightness(1.3);
}
.footer__languages button img {
    max-width: 100%;
    max-height: 100%;
}

h2 {
    position: relative;
    margin: 0 0 30px;
    color: #fff;
    font-weight: bold;
    font-size: 2.8em;
    line-height: 2.2em;
    text-transform: uppercase;
}
h2:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 39px;
    height: 23px;
    left: -28px;
    bottom: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
section#giveaways {
    background: url(../images/giveaways_background.png) no-repeat center center;
}
section#giveaways h2:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="39" height="23" viewBox="0 0 13.952 8.252"><g fill="%23df470b"><circle cx="1.2" cy="1.2" r="1.2"/><circle cx="6.85" cy="1.2" r="1.2"/><circle cx="12.5" cy="1.2" r="1.2"/><circle cx="1.2" cy="6.8" r="1.2"/><circle cx="6.85" cy="6.8" r="1.2"/><circle cx="12.5" cy="6.8" r="1.2"/></g></svg>')
}
section#sponsors h2:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="39" height="23" viewBox="0 0 13.952 8.252"><g fill="%2300756d"><circle cx="1.2" cy="1.2" r="1.2"/><circle cx="6.85" cy="1.2" r="1.2"/><circle cx="12.5" cy="1.2" r="1.2"/><circle cx="1.2" cy="6.8" r="1.2"/><circle cx="6.85" cy="6.8" r="1.2"/><circle cx="12.5" cy="6.8" r="1.2"/></g></svg>')
}
section#faqs h2:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="39" height="23" viewBox="0 0 13.952 8.252"><g fill="%23808080"><circle cx="1.2" cy="1.2" r="1.2"/><circle cx="6.85" cy="1.2" r="1.2"/><circle cx="12.5" cy="1.2" r="1.2"/><circle cx="1.2" cy="6.8" r="1.2"/><circle cx="6.85" cy="6.8" r="1.2"/><circle cx="12.5" cy="6.8" r="1.2"/></g></svg>')
}

.grid-list {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 30px 42px;
    margin: 20px auto;
}
.grid-list__element {
    flex: 290px 0 0;
    position: relative;
    border-radius: 20px;
}
.grid-list__element:before {
    position: absolute;
    content: "";
    inset: 0;
    padding: 1px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #fff6, transparent 80%);
    mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
    mask-composite: exclude; 
    z-index: -1;
}
.grid-list__element-age-verification {
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 25px;
    z-index: 2;
}
.grid-list__element-age-verification button {
    width: 100%;
    padding: 11px;
    border-radius: 8px;
    font: normal 1.4em/1em var(--font-headers);
    text-align: center;
    text-transform: uppercase;
}
.grid-list__element-age-verification button:first-child {
    color: #000;
    background: #ff9800;
}
.grid-list__element-age-verification button:first-child:hover,
.grid-list__element-age-verification button:first-child:focus {
    background: #ffb830;
}
.grid-list__element-age-verification button:last-child {
    color: #fff;
    background: #3c3c3c;
}
.grid-list__element-age-verification button:last-child:hover,
.grid-list__element-age-verification button:last-child:focus {
    background: #6c6c6c;
}
.grid-list__element a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 320px;
    padding: 19px 22px;
    color: #fff;
    border-radius: 20px;
    background: #3336;
}
.grid-list__element a.grid-list__element-censored {
    filter: blur(5px);
    opacity: .3;
}
.grid-list__element-title {
    flex: auto 0 0;
    margin: 0 0 12px;
    font: 400 2.8em/1.1em var(--font-headers);
    text-align: center;
    text-transform: uppercase;
}
.grid-list__element-title-small {
    margin-bottom: 3px;
}
.grid-list__element-reward {
    flex: auto 0 0;
    margin: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
}
.grid-list__element-title-small,
.grid-list__element-reward {
    font: 400 2.3em/1em var(--font-headers);
}
.grid-list__element-text {
    flex: auto 1 0;
    margin-bottom: 15px;
    font-size: 1.5em;
    line-height: 1.2em;
}
.grid-list__element-image {
    flex: auto 1 0;
    max-width: 100%;
    text-align: center;
    margin: 5px 0;
}
.grid-list__element-image img {
    max-width: 100%;
    max-height: 100px;
}
.grid-list__element-button {
    flex: auto 0 0;
    width: 100%;
    margin-top: 15px;
}
.grid-list__element-button button {
    position: relative;
    display: block;
    width: 100%;
    padding: 11px;
    color: #fff;
    border-top: 1px solid var(--button-border-color);
    border-bottom: 1px solid transparent;
    border-radius: 8px / 6px;
    background: var(--button-background);
    font: normal 1.75em/1em var(--font-headers);
    text-align: center;
    text-transform: uppercase;
}
.grid-list__element a:hover .grid-list__element-button button,
.grid-list__element a:focus .grid-list__element-button button {
    background: var(--button-background-hover);
}
.grid-list__element-button button:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    right: 16px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}
section#giveaways {
    --button-background: radial-gradient(circle at center bottom, #f27216, #dc490b 40px);
    --button-background-hover: radial-gradient(circle at center bottom, #ff9236, #fc692b 40px);
    --button-border-color: #ff9163;
}
section#sponsors {
    --button-background: #00736f;
    --button-background-hover: #20938f;
    --button-border-color: #00dbaf;
}
section#sponsors .grid-list__element-title {
    min-height: 63px;
}
section#sponsors .grid-list__element-image {
    flex: auto 0 0;
    height: 55px;
    margin-bottom: 20px;
}
section#sponsors .grid-list__element-image img {
    max-height: 100%;
}

.faqs__list {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
}
.faqs__element {
    position: relative;
    border-radius: 20px;
    cursor: pointer;
}
.faqs__element:before {
    position: absolute;
    content: "";
    inset: 0;
    padding: 1px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #fff6, transparent 80%);
    mask: 
        linear-gradient(#000 0 0) content-box, 
        linear-gradient(#000 0 0);
    mask-composite: exclude; 
    z-index: -1;
}
.faqs__element-question {
    padding: 19px 22px;
    border-radius: 20px 20px;
    background: #3336;
    font: normal 1.8em/1.1em var(--font-headers);
    text-transform: uppercase;
    transition: border-radius .1s ease-in-out;
}
.faqs__element-open .faqs__element-question {
    border-radius: 20px 20px 0 0;
}
.faqs__element-answer {
    height: 0;
    padding: 0;
    border-radius: 0 0 20px 20px;
    background: #3333;
    font-size: 1.5em;
    line-height: 1.2em;
    transition: all .1s ease-in-out;
    overflow: hidden;
}
.faqs__element-open .faqs__element-answer {
    height: 100%;
    padding: 22px 22px 25px;
}
.faqs__element-answer p {
    margin-bottom: 20px;
}
.faqs__element-answer p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1800px) {
    .footer__info,
    .footer__social {
        flex-basis: 35%;
    }
    .footer__menu {
        flex-basis: 20%;
        margin-left: 5%;
    }
}
@media (max-width: 1550px) {
    .footer__info {
        flex-basis: 30%;
    }
    .footer__menu {
        flex-basis: 20%;
        margin-left: 5%;
    }
    .footer__social {
        flex-basis: 40%;
    }
}
@media (max-width: 1400px) {
    .footer__info {
        flex: 350px 0 0;
    }
    .footer__menu {
        flex: 20% 1 0;
    }
    .footer__social {
        flex: 200px 0 0;
    }
}
@media (max-width: 1279px) {
    footer {
        gap: 20px 50px;
    }
    .footer__info {
        flex: calc(45% - 50px) 0 0;
    }
    .footer__menu {
        flex: 100% 1 0;
        order: 3;
        margin: 0;
    }
    .footer__social {
        flex: 55% 1 0;
    }

    .grid-list {
        justify-content: space-evenly;
    }
}
@media (max-width: 1023px) {
    :root {
        --side-margin: 8%;
    }
    header .menu nav ul li a {
        padding: 0 20px;
    }
    h2 {
        margin-left: 20px;
    }
}
@media (max-width: 950px) {
    .footer__info {
        flex: 350px 0 0;
    }
    .footer__menu {
        margin-top: -70px;
    }
    .footer__social {
        flex: 200px 0 0;
    }
}
@media (max-width: 767px) {
    :root {
        --side-margin: 5%;
    }
    header .menu nav ul li a {
        padding: 0 10px;
    }
    h2 {
        margin-left: 30px;
        font-size: 2.4em;
    }
    h2:before {
        bottom: 11px;
    }

    footer {
        flex-flow: column nowrap;
        align-items: center;
        justify-content: center;
        gap: 50px;
        padding-bottom: 60px;
    }
    .footer__info {
        flex: auto 0 0;
        max-width: 450px;
        text-align: center;
    }
    .footer__menu {
        order: 2;
        margin-top: 0;
    }
    .footer__social {
        order: 3;
        flex: auto 0 0;
        align-items: center;
        justify-content: center;
    }
    .footer__social > ul {
        justify-content: center;
    }
}
@media (max-width: 600px) {
    :root {
        --side-margin: 10px;
    }
    header .menu {
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
        padding-top: 25px;
    }
    header .menu .logo,
    header .menu nav {
        flex: 100% 1 0;
    }
    header .menu .logo {
        text-align: center;
    }
    header .menu nav ul li:first-child a {
        padding-left: 0;
    }
    header .menu nav ul {
        justify-content: space-evenly;
    }
    header .menu nav ul li {
        padding: 0;
        font-size: 1.5em;
    }
    header .menu nav ul li a {
        padding: 0 5px;
    }
    header .menu nav ul li span {
        font-size: .85rem;
    }
    h2 {
        margin-left: 48px;
    }
    section {
        padding: 20px var(--side-margin);
    }
    footer {
        padding: 52px calc(var(--side-margin) + 20px) 60px;
        font-size: 1.3em;
    }
    .footer__social > ul {
        width: 200px;
    }
}

/** Responsive grid */
@media (max-width: 600px) {
    .grid-list {
        gap: 15px;
        margin: 10px auto;
    }
    .grid-list__element {
        flex-basis: 200px;
        font-size: .8em;
    }
    .grid-list__element a {
        min-height: 250px;
        padding: 15px;
    }
    .grid-list__element-age-verification {
        padding: 18px;
    }

    .faqs__list {
        padding: 0 5px;
        gap: 15px;
    }
    .faqs__element {
        font-size: .8em;
    }
    .faqs__element-question,
    .faqs__element-open .faqs__element-answer {
        padding: 15px;    
    }
}

/** Modal */
html.modal__open, body.modal__open {
    overflow: hidden;
}
body.modal__open > header,
body.modal__open > main,
body.modal__open > footer {
    filter: blur(5px);
}
.modal {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: opacity .25s ease-in-out, z-index .1s ease-in-out .25s;
    z-index: -1;
}
.modal.modal__open {
    opacity: 1;
    z-index: 200;
}
.modal.modal__open.modal__alert,
.modal.modal__open.modal__confirm {
    z-index: 210;
}
.modal.modal__open .modal__container {
    margin-top: 0;
}
.modal .modal__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    max-width: 90%;
    margin: -50px auto 0;
    transition: margin-top .4s ease-in-out;
}
.modal .modal__container:before {
    display: block;
    content: '';
    height: 90vh;
}
.modal.modal__alert .modal__container,
.modal.modal__confirm .modal__container {
    width: auto;
    min-width: auto;
}
.modal .modal__content {
    position: relative;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #fff3;
}
.modal.modal__alert .modal__container .modal__content,
.modal.modal__confirm .modal__container .modal__content {
    width: auto;
}
.modal .modal__title {
    position: relative;
    margin: 0;
    padding: 20px 80px 20px 30px;
    border-radius: 20px 20px 0 0;
    background: #111d;
    font: normal 1.8em/1.1em var(--font-headers);
    text-transform: uppercase;
    transition: border-radius .1s ease-in-out;
}
.modal .modal__close {
    position: absolute;
    top: 50%;
    right: 20px;
    font: bold 2em/1em Arial, sans-serif;
    text-transform: uppercase;
    transform: translateY(-50%);
    cursor: pointer;
}
.modal .modal__close:hover {
    color: #ddd;
}
.modal .modal__body {
    padding: 35px 30px;
    border-radius: 0 0 20px 20px;
    background: #000d;
    font-size: 1.5em;
    line-height: 1.2em;
    transition: all .1s ease-in-out;
    overflow: hidden;
}
.modal .modal__body.modal__body-notitle {
    border-radius: 20px;
}
.modal .modal__body main {
    padding: 0;
}

.alert__success {
    color: #090;
}
.alert__error {
    color: #c00;
}
.alert__content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.alert__message {
    width: 100%;
    text-align: center;
}
.alert__buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
    margin: 30px auto 0;
}
.button {
    padding: 12px 18px;
    color: #000;
    border-radius: 8px;
    background: #fff;
    font: normal 1em/1.2em 'Lato', Arial, sans-serif;  
}
.button:hover,
.button:focus {
    background: #ccc;
}

/** Pages */
.page {
    padding: 0;
}
.page h2 {
    margin-bottom: 10px;
    font-size: 1.4em;
}
.page p {
    margin-bottom: 20px;
}
.page p:last-child {
    margin-bottom: 0;
}
.page a {
    color: #fff;
    text-decoration: underline;
}
.page a:hover,
.page a:focus {
    color: #bbb;
}
.page .text-center {
    text-align: center;
}