.ov__description,
.section--notordinary .box__testo,
.section--notordinary .box__testo span.alto,
.section--notordinary .box__testo span.basso,
.section--notordinary .section__title,
.section--pizze .box__pizzadelmese,
.section--presentazione .section__title,
.section--presentazione .box__name,
.section--360chisiamo .section__titolo,
.section--paginabirre .section__title,
.nav--birretipi .active .choice,
.section--360 .section__titolo,
.section--pizze .box__title,
.media--pizza .media__title,
.media--birra .media__title,
.section--scelte .section__title,
.section--ordinary .section__title,
.section--fascianotordinary .fascia__title,
.product__title,
.product__subtitle,
.product--1 .product__features,
.product--2 .product__features,
.product__features,
.nav--tabs .choice,
.nav--tabs .active .choice {
  font-family: "Bebas Neue", sans-serif;
}

.media--2025-1 .media__disegno {
  font-size: 200px;
}

@media screen and (min-width: 80em) {
  .media--su-1 .media__wrap:before,
  .media--su-2 .media__wrap:before,
  .media--la-3 .media__wrap:before {
    padding-bottom: 76%;
  }
}
#birre5 {
  padding-top: 6em;
}

.media--la-2 .media__disegno {
  width: 5em;
  top: 3em;
  left: 84%;
  right: -1em;
}
@media screen and (min-width: 35.5em) {
  .media--la-2 .media__disegno {
    width: 5em;
    top: 6em;
    left: 92%;
    right: -2em;
  }
}
@media screen and (min-width: 48em) {
  .media--la-2 .media__disegno {
    width: 5em;
    top: -6em;
    left: 93%;
    right: -2em;
  }
}
@media screen and (min-width: 80em) {
  .media--la-2 .media__disegno {
    width: 7em;
    top: 5em;
    left: 93%;
    right: -6em;
  }
}

.media--la-3 .media__disegno {
  width: 5em;
  top: 3em;
  left: -3em;
}
@media screen and (min-width: 35.5em) {
  .media--la-3 .media__disegno {
    width: 4em;
    top: 4em;
    left: -2.5em;
  }
}
@media screen and (min-width: 48em) {
  .media--la-3 .media__disegno {
    width: 4em;
    top: -9em;
    left: -2em;
  }
}
@media screen and (min-width: 80em) {
  .media--la-3 .media__disegno {
    width: 6em;
    top: 5em;
    left: -4em;
  }
}

.logo--lattine {
  background-image: url(/resources/img/birre/LattineRosse.png);
  width: 4em;
  height: 5em;
  background-size: cover;
}

.birre-abeti {
  height: 12em;
  margin-bottom: -3em;
}
.birre-sole {
  height: 16em;
  margin-bottom: -7em;
}
.birre-sole img,
.birre-abeti img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

@font-face {
  font-family: "MetropolisBlack";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-Black.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisBlackItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-BlackItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisBold";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-Bold.woff")
    format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisBoldItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-BoldItalic.woff")
    format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisExtraBold";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-ExtraBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisExtraBoldItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-ExtraBoldItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisExtraLight";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-ExtraLight.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisExtraLightItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-ExtraLightItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisLight";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-Light.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisLightItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-LightItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisMedium";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-Medium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisMediumItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-MediumItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Metropolis";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-Regular.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Metropolis";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-RegularItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisSemiBold";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-SemiBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisSemiBoldItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-SemiBoldItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisThin";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-Thin.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisThinItalic";
  src: url("/resources/fonts/metropolis/WOFF/Metropolis-ThinItalic.woff")
    format("woff");
  font-weight: normal;
  font-style: italic;
}