Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
- Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
- Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
- Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.
/* Prova 1 — Pyramid hero only */
.pyr-hero{
position: relative;
max-width: 1200px;
margin: 0 auto 18px auto;
}
.pyr-hero img{
display:block;
width:100%;
height:auto;
}
/* labels */
.pyr-label{
position:absolute;
z-index:10;
color:#fff;
font-family: "Georgia","Times New Roman",serif;
font-weight:600;
font-size: clamp(18px, 2.2vw, 32px);
letter-spacing: 0.02em;
text-shadow:
0 1px 2px rgba(0,0,0,0.60),
0 3px 10px rgba(0,0,0,0.35);
padding: 2px 6px;
line-height: 1.15;
}
/* positions */
.pyr-member{ left: 26.5%; top: 34%; }
.pyr-aff{ left: 46.5%; top: 19%; }
.pyr-open{ left: 68%; top: 38.5%; }
/* mobile */
@media (max-width: 700px){
.pyr-member{ left: 23%; top: 31%; }
.pyr-aff{ left: 43%; top: 16%; }
.pyr-open{ left: 60%; top: 39%; }
}