@media screen and (max-width: 1280px) {
    .t454__list_item {
        padding: 0 10px !important;
    }
    
}
@media screen and (max-width: 1024px) {
    .t454__list_item {
        padding: 5px 10px !important;
    }
}
@media screen and (max-width: 480px) {
    .tromb_big-text div {
        font-size:39px !important;
        line-height:39px !important;
        position: relative;
        display: block !important;
        top: -120px;
        font-weight: 500 !important;
    }
    .tromb_small-text div {
        position: relative;
        display: block !important;
        font-size: 17px !important;
        line-height: 20px !important;
        top: 245px;
        font-weight: 400 !important;
        left: -2%;        
    }
    
}
.t450__menu__content {
    bottom:15px;
    top: inherit !important;
}
.t450__close {
    top: 91%;
    right:5%;
}

@layer base {
  :root {

    --max-content-width: 100rem;
    --max-reading-measure: 50ch;
    --min-tap-size: 48px;
    --min-tap-space: 8px;

    /*
    * Colors
    */
    --color-bg1: rgb(3, 3, 4);
    --color-bg2: rgb(32, 14, 14);
    --color1: 203, 71, 43;
    --color2: 160, 35, 22;
    --color3: 194, 88, 59;
    --color4: 177, 37, 24;
    --color5: 188, 53, 28;
    --color-interactive: 83, 17, 14;
    --circle-size: 80%;
    --blending: hard-light;
  }

.gradient-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  background: linear-gradient(160deg, var(--color-bg1), var(--color-bg2));
  top:0;
  left:0;
  z-index:0;

  .svgBlur {
    display: none;
  }

  .noiseBg {
    position: absolute;
    width: 100%;
    height: 2400px;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: soft-light;
    opacity: 0.3;
  }
  .gradients-container {
    filter: url(#goo) blur(40px) ;
    width: 100%;
    height: 100%;
  }

  .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(60% - var(--circle-size) / 3);
    left: calc(75% - var(--circle-size) / 2);

    transform-origin: center center;
    animation: moveVertical 30s ease infinite;

    opacity: 1;
  }

  .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(40% - var(--circle-size) / 3);
    left: calc(100% - var(--circle-size) / 2);

    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;

    opacity: 1;
  }

  .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(40% - var(--circle-size) / 3);
    left: calc(90% - var(--circle-size) / 2 - 500px);

    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;

    opacity: 1;
  }

  .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(60% - var(--circle-size) / 3);
    left: calc(95% - var(--circle-size) / 2);

    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;

    opacity: 0.7;
  }

  .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(85% - var(--circle-size));

    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;

    opacity: 1;
  }

  .interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;

    opacity: 0.7;
  }
}