@media (max-width: 991.98px) {
  :root {
    /* set rem = 9px */
    font-size: 9px;

    --distance-little: 10px;
    --distance-short: 20px;
    --distance: 30px;
    --distance-big: 50px;
    --distance-large: 100px;
  }

  /* LEGAL PAGES */
  .legal-content .cont-testo h1 {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .legal-content .cont-testo h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .legal-content .cont-testo h3,
  .legal-content .cont-testo h4 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .legal-content .cont-testo,
  .legal-content .cont-testo p {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .legal-content .cont-testo h1 {
    margin-bottom: 30px;
  }
  .legal-content .cont-testo * + h2 {
    margin-top: 30px;
  }
  .legal-content .cont-testo * + h3 {
    margin-top: 20px;
  }

  .page-template-page-home .text-h1 span {
    white-space: wrap;
    margin: initial;
    line-height: 1;
  }

  section:first-of-type {
    margin-top: 70px;
  }

  header {
    /* padding: var(--distance-little) 0; */
    /* background-color: black; */
  }

  .open-menu header {
    background-color: black;
    border-color: white !important;
  }

  .page-template-page-home:not(.open-menu) .btn-hamburger .line {
    /* background-color: black; */
  }

  header .wrapper {
    margin: 0 auto;
  }

  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    width: 150px;
    height: 60px;
    /* mask: url(../../media/logo/mobile-logo.png) no-repeat 50% 50%;
    mask-size: contain;
    -webkit-mask: url(../../media/logo/mobile-logo.png) no-repeat 50% 50%; */
    /* -webkit-mask-size: contain; */
  }

  .page-template-page-home:not(.open-menu) header .logo,
  .page-template-page-home:not(.open-menu) header .logo:visited,
  .page-template-page-home:not(.open-menu) header .logo:focus,
  .page-template-page-home:not(.open-menu) header .logo:hover {
    /* background-color: black; */
  }

  .cta {
    padding: 5px 20px;
    column-gap: 10px;
  }

  .card-news .data {
    font-size: clamp(16px, 1.25vw, 18px);
  }

  footer .logo,
  footer .logo:visited,
  footer .logo:focus,
  footer .logo:hover {
    width: 150px;
    height: 60px;
    /* mask: url(../../media/logo/mobile-logo-bianco.png) no-repeat 50% 50%;
    mask-size: contain;
    -webkit-mask: url(../../media/logo/mobile-logo-bianco.png) no-repeat 50% 50%;
    -webkit-mask-size: contain; */
  }

  .upper-overlay-menu {
    transform: translate(0);
  }

  .submenu-opened .upper-overlay-menu {
    transform: translate(-100vw);
  }

  .custom-select {
    background: url(/wp-content/themes/barriotheme/media/icons/arrow-down.svg) no-repeat calc(100% - 20px) 50%;
    background-size: 20px;
  }

  .text-h1,
  .cont-testo h1,
  .text-h2,
  .cont-testo h2,
  .text-h3,
  .cont-testo h3,
  .text-h4,
  .cont-testo h4 {
    line-height: 1;
  }

  .vincitori {
    padding: var(--distance-short);
  }

  .vincitori::after {
    width: 100%;
    height: 100%;
  }
}