/* sfondi specifici per pagina - desktop */
.home-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.84) 0%, rgba(5,5,5,.64) 38%, rgba(5,5,5,.54) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.12), transparent 25%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.07), transparent 18%),
    url("../img/page-bg/home-desktop.jpg") center center / cover no-repeat;
}

.about-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.86) 0%, rgba(5,5,5,.66) 38%, rgba(5,5,5,.56) 100%),
    radial-gradient(circle at 18% 18%, rgba(255,79,79,.10), transparent 24%),
    radial-gradient(circle at 84% 80%, rgba(255,255,255,.06), transparent 18%),
    url("../img/page-bg/chi-siamo-desktop.jpg") center 26% / cover no-repeat;
}

.services-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.86) 0%, rgba(5,5,5,.68) 38%, rgba(5,5,5,.56) 100%),
    radial-gradient(circle at 16% 18%, rgba(255,79,79,.12), transparent 25%),
    radial-gradient(circle at 86% 82%, rgba(255,255,255,.05), transparent 18%),
    url("../img/page-bg/servizi-desktop.jpg") center 32% / cover no-repeat;
}

.gallery-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.84) 0%, rgba(5,5,5,.66) 38%, rgba(5,5,5,.56) 100%),
    radial-gradient(circle at 14% 20%, rgba(255,79,79,.10), transparent 24%),
    radial-gradient(circle at 84% 82%, rgba(255,255,255,.05), transparent 18%),
    url("../img/page-bg/gallery-desktop.jpg") center center / cover no-repeat;
}

.reviews-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.84) 0%, rgba(5,5,5,.66) 38%, rgba(5,5,5,.56) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.10), transparent 24%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.06), transparent 18%),
    url("../img/page-bg/recensioni-desktop.jpg") center center / cover no-repeat;
}

.contacts-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.78) 0%, rgba(5,5,5,.58) 40%, rgba(5,5,5,.50) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.08), transparent 24%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.05), transparent 18%),
    url("../img/page-bg/contatti-desktop.jpg") center center / cover no-repeat;
}

.quote-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.86) 0%, rgba(5,5,5,.68) 38%, rgba(5,5,5,.58) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.13), transparent 24%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.05), transparent 18%),
    url("../img/page-bg/preventivo-desktop.jpg") center 26% / cover no-repeat;
}

/* sfondi specifici per pagina - mobile */
@media (max-width: 640px){
  .home-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.70) 0%, rgba(5,5,5,.82) 38%, rgba(5,5,5,.94) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.12), transparent 25%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.07), transparent 18%),
      url("../img/page-bg/home-mobile.jpg") center 20% / cover no-repeat;
  }

  .about-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.72) 0%, rgba(5,5,5,.84) 40%, rgba(5,5,5,.95) 100%),
      radial-gradient(circle at 16% 18%, rgba(255,79,79,.10), transparent 24%),
      radial-gradient(circle at 84% 82%, rgba(255,255,255,.06), transparent 18%),
      url("../img/page-bg/chi-siamo-mobile.jpg") center 16% / cover no-repeat;
  }

  .services-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.72) 0%, rgba(5,5,5,.84) 40%, rgba(5,5,5,.95) 100%),
      radial-gradient(circle at 16% 18%, rgba(255,79,79,.12), transparent 25%),
      radial-gradient(circle at 86% 82%, rgba(255,255,255,.05), transparent 18%),
      url("../img/page-bg/servizi-mobile.jpg") center 18% / cover no-repeat;
  }

  .gallery-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.70) 0%, rgba(5,5,5,.82) 38%, rgba(5,5,5,.94) 100%),
      radial-gradient(circle at 14% 20%, rgba(255,79,79,.10), transparent 24%),
      radial-gradient(circle at 84% 82%, rgba(255,255,255,.05), transparent 18%),
      url("../img/page-bg/gallery-mobile.jpg") center 18% / cover no-repeat;
  }

  .reviews-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.70) 0%, rgba(5,5,5,.82) 38%, rgba(5,5,5,.94) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.10), transparent 24%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.06), transparent 18%),
      url("../img/page-bg/recensioni-mobile.jpg") center 18% / cover no-repeat;
  }

  .contacts-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.66) 0%, rgba(5,5,5,.78) 38%, rgba(5,5,5,.92) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.08), transparent 24%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.05), transparent 18%),
      url("../img/page-bg/contatti-mobile.jpg") center 22% / cover no-repeat;
  }

  .quote-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.72) 0%, rgba(5,5,5,.84) 40%, rgba(5,5,5,.95) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.13), transparent 24%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.05), transparent 18%),
      url("../img/page-bg/preventivo-mobile.jpg") center 16% / cover no-repeat;
  }
}