.container,body{box-sizing:border-box}a,h1,h2,h3{color:#fff;font-weight: 400;}h1,h2,h3{color:#fff;font-weight: 400;font-size: 18px;text-transform: uppercase;}.come-back,.container p,.container li{font-size: 18px;font-weight: 300;}body{font-family:'Geologica',sans-serif;color:#fff;line-height:1.6;padding:20px}.container{width:100%;max-width:1022px;margin:0 auto;padding:20px 20px 32px 30px;border-radius:20px;backdrop-filter: blur(9px);border: 1px solid #fff;-webkit-backdrop-filter: blur(9px);background: rgba(14, 14, 14, 0.4);}a{transition:.2s}a:hover{opacity:.7}.navigation{display:flex;align-items:center;justify-content:space-between}.come-back{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;border:1px solid var(--dark-grey,#5a5a5a);background:rgba(0,0,0,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.come-back:hover{transform:scale(1.05);opacity:.9}.come-back:active{transform:scale(1);opacity:.9}.link-privacy{color:#000;text-decoration:none}@media (max-width:767px){body{padding:10px}.container{padding:15px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.come-back{padding:5px}}@media (max-width:480px){body{padding:10px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}}
.hero-bg:before{content:'';position: absolute;background: linear-gradient(
  0deg,
  rgba(12, 15, 15, 0) 0%,
  rgba(12, 15, 15, 0.52) 35%,
  rgba(12, 15, 15, 0.81) 63%,
  rgba(12, 15, 15, 1) 93%
);width:100%;height:492px;top: 0px;left: 0px;}

      .hero-bg picture,
      .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
@media(max-width:767px){
.container p,.container li{font-size: 14px;font-weight: 300;}
h1,h2,h3{font-size: 16px;}
.logo{max-width: 84px;height: auto;}
}