@font-face {
    font-family: 'Stolzl Display Medium';
    src: url('StolzlDisplay-Medium.eot');
    src: url('StolzlDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('StolzlDisplay-Medium.woff2') format('woff2'),
        url('StolzlDisplay-Medium.woff') format('woff'),
        url('StolzlDisplay-Medium.ttf') format('truetype'),
        url('StolzlDisplay-Medium.svg#StolzlDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl Display Normal';
    src: url('StolzlDisplay-Normal.eot');
    src: url('StolzlDisplay-Normal.eot?#iefix') format('embedded-opentype'),
        url('StolzlDisplay-Normal.woff2') format('woff2'),
        url('StolzlDisplay-Normal.woff') format('woff'),
        url('StolzlDisplay-Normal.ttf') format('truetype'),
        url('StolzlDisplay-Normal.svg#StolzlDisplay-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl Display Light';
    src: url('StolzlDisplay-Light.eot');
    src: url('StolzlDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('StolzlDisplay-Light.woff2') format('woff2'),
        url('StolzlDisplay-Light.woff') format('woff'),
        url('StolzlDisplay-Light.ttf') format('truetype'),
        url('StolzlDisplay-Light.svg#StolzlDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.deepfontmedium{font-family:'Stolzl Display Medium'}
.deepfont{font-family:'Stolzl Display Normal'}
.deepfontlight{font-family:'Stolzl Display Light'}
.fwslogan{font-size: 10.4vw;}
.container_text {
  display: flex;
  white-space: nowrap;
	overflow:hidden !important;
}

.list_text {
  display: flex;
  font-size: 5vw;
  -webkit-animation: loop 20s infinite linear;
  animation: loop 20s infinite linear;
}
.list_text2 {
  display: flex;
  font-size: 5vw;
  -webkit-animation: loop 20s infinite linear;
  animation: loop 20s infinite linear;
}

.item_text {color: #fff;}

@keyframes loop {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.gradient--text {
  background: rgb(32, 208, 177);
  background: linear-gradient(90deg, #20d0b1, #65318f);
    background-size: auto;
    background-clip: border-box;
  background-size: 150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient 5s ease infinite;
}
@media only screen and (max-width: 768px) {.list_text{font-size:10vw}}