/* .img_quadro {
  width: 40%;
} */



.fix {
    position: relative;
}

.punto1 {
  right: 38%;
  top: 27%;
}

.punto2 {
  right: 59%;
  top: 59%;
}

.punto3 {
  right: 40%;
  top: 10%;
  display: none;
}

.gira {
  position: absolute;
  bottom: -3%;
  right: 35%;
  border: none;
  height: 75px;
  width: 75px;
  border-radius: 10px;
  background-color: #0a4ba6;
}

/*PROVA GIRARE*/

.flip-card {
  background-color: transparent;
  width: 40%;
  height: 790px;
  perspective: 1000px;
  position: relative;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */

  left: calc(50% + 20%);
}

/*.flip-card:hover .flip-card-inner,*/
.fliped {
  transform: rotateY(180deg) !important;
}


.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: block;
}

.flip-card-front {
  /* background-color: #bbb; */
  color: black;

}

.flip-card-back {
  transform: rotateY(180deg);
}

/*PROVA GIRARE*/

@media (max-width:1400px) {
  .flip-card {
    height: 642px;
  }
}

@media (max-width:1200px) {
  .flip-card {
    height: 538px;
  }
}

@media (max-width:991px) {
  .img_quadro {
    width: 100% !important;
  }

  .gira {
    bottom: -2%;
    right: 5%;
  }

  .flip-card {
    width: 100%;
    height: 1000px;
  }
  .flip-card-inner {
    left: 0;
  }
  .imm_artisti{
    width: 100%;
  }
}

@media (max-width:768px) {
  .flip-card {
    height: 742px;
  }

  .flip-card-inner {
    box-shadow: 0px 0px 0 rgba(1, 1, 1, 0);
  }
}

@media (max-width:576px) {
  .flip-card {
    height: 790px;
  }
  .gira {
    bottom: -2%;
    right: 5%;
  }
  .fix {
    height: 780px;
  }
}

@media (max-width:540px) {
  .gira {
    bottom:0%;
  }
}

 @media (max-width:520px) {
  .gira {
    bottom: 0%;
    right: 5%;
  }
  .fix {
    height: 720px;
  }
}

@media (max-width:490px) {
  .gira {
    bottom: 0%;
    right: 5%;
  }
  .fix {
    height: 690px;
    }
} 

@media (max-width:476px) {
  .flip-card {
    height: 742px;
  }
  .gira {
    bottom: -2%;
    right: 5%;
  }
  .fix {
    height: 650px;
  }
} 

@media (max-width:450px) {
  .fix {
    height: 615px;
  }
}
@media (max-width:415px) {
  .fix {
    height: 560px;
  }
}
@media (max-width:390px) {
  .fix {
    height: 530px;
  }
}
@media (max-width:360px) {
  .fix {
    height: 490px;
  }
}
@media (max-width:335px) {
  .fix {
    height: 450px;
  }
}
@media (max-width:315px) {
  .fix {
    height: 420px;
  }
}
@media (max-width:290px) {
  .fix {
    height: 380px;
  }
  .gira {
    bottom: -4%;
  }
}
@media (max-width:265px) {
  .fix {
    height: 340px;
  }
  .gira {
    bottom: -4%;
    height: 60px;
    width: 60px;
  }
}