/* =========================================================
   HOME — VERSION 2
   ========================================================= */


/* ---------------------------------------------------------
   CONTENITORE
   --------------------------------------------------------- */

.home-experimental .home-collage {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 65px 40px 130px;
  box-sizing: border-box;
}


/* ---------------------------------------------------------
   REGOLE GENERALI
   --------------------------------------------------------- */

.home-experimental .home-image {
  display: block;
  text-decoration: none;
}

.home-experimental .home-image img {
  display: block;
  width: 100%;
  height: auto;
}

.home-experimental .home-image:hover {
  opacity: 0.9;
}


/* =========================================================
   DESKTOP
   ========================================================= */


/* 1 — THE BODY */

.home-experimental .home-image-1 {
  width: 67%;
  margin: 0 auto 80px 0;
}


/* 2 — PRESENTECONTINUO
   A destra, più raccolta */

.home-experimental .home-image-2 {
  width: 43%;
  margin: 0 2% 165px auto;
}


/* 3 — FRAMING */

.home-experimental .home-image-3 {
  width: 40%;
  margin: 0 auto 110px 7%;
}


/* 4 — NADA */

.home-experimental .home-image-4 {
  width: 44%;
  margin: 0 15% 185px auto;
}


/* 5 — SUITE POUR L'INVISIBLE */

.home-experimental .home-image-5 {
  width: 40%;
  margin: 0 auto 70px 0;
}


/* 6 — BAROQUE */

.home-experimental .home-image-6 {
  width: 36%;
  margin: 0 7% 115px auto;
}


/* 7 — ARCHIVES
   Ampia, sul lato destro ma più vicina al centro */

.home-experimental .home-image-7 {
  width: 63%;
  margin: 0 11% 210px auto;
}

/* 8 — LANDSCAPE MATERIALS */

.home-experimental .home-image-8 {
  width: 56%;
  margin: 0 auto 0 8%;
}
/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .home-experimental .home-collage {
    padding: 50px 26px 100px;
  }


  /* 1 — THE BODY */

  .home-experimental .home-image-1 {
    width: 82%;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 75px;
  }


  /* 2 — PRESENTECONTINUO */

  .home-experimental .home-image-2 {
    width: 58%;
    margin-left: auto;
    margin-right: 3%;
    margin-bottom: 105px;
  }


  /* 3 — FRAMING */

  .home-experimental .home-image-3 {
    width: 48%;
    margin-left: 5%;
    margin-right: auto;
    margin-bottom: 90px;
  }


  /* 4 — NADA */

  .home-experimental .home-image-4 {
    width: 56%;
    margin-left: auto;
    margin-right: 10%;
    margin-bottom: 115px;
  }


  /* 5 — SUITE POUR L'INVISIBLE */

  .home-experimental .home-image-5 {
    width: 48%;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 70px;
  }


  /* 6 — BAROQUE */

  .home-experimental .home-image-6 {
    width: 45%;
    margin-left: auto;
    margin-right: 8%;
    margin-bottom: 105px;
  }


  /* 7 — ARCHIVES */

  .home-experimental .home-image-7 {
    width: 76%;
    margin-left: auto;
    margin-right: 10%;
    margin-bottom: 130px;
  }


  /* 8 — LANDSCAPE MATERIALS */

  .home-experimental .home-image-8 {
    width: 64%;
    margin-left: 6%;
    margin-right: auto;
    margin-bottom: 0;
  }

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {

.home-experimental .home-collage {
  padding: 55px 16px 70px;
}

  /* 1 — THE BODY */

  .home-experimental .home-image-1 {
    width: 94%;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 55px;
  }


  /* 2 — PRESENTECONTINUO */

  .home-experimental .home-image-2 {
    width: 76%;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 75px;
  }


  /* 3 — FRAMING
     volutamente più piccola di presentecontinuo e Nada */

  .home-experimental .home-image-3 {
    width: 61%;
    margin-left: 3%;
    margin-right: auto;
    margin-bottom: 68px;
  }


  /* 4 — NADA */

  .home-experimental .home-image-4 {
    width: 74%;
    margin-left: auto;
    margin-right: 4%;
    margin-bottom: 82px;
  }


  /* 5 — SUITE POUR L'INVISIBLE */

  .home-experimental .home-image-5 {
    width: 57%;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 58px;
  }


  /* 6 — BAROQUE */

  .home-experimental .home-image-6 {
    width: 54%;
    margin-left: auto;
    margin-right: 5%;
    margin-bottom: 78px;
  }


  /* 7 — ARCHIVES */

  .home-experimental .home-image-7 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
  }


  /* 8 — LANDSCAPE MATERIALS */

  .home-experimental .home-image-8 {
    width: 80%;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 0;
  }

}