ody {
    font-family: sans-serif;
    margin: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
}

#frame {
    width: 100%;
    max-width: 600px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    word-wrap: break-word;
}


h1 {
    font-size: clamp(1.5rem, 8vw, 3rem);
    margin: 0 0 10px 0;
}

p {
    font-size: 1rem;
    line-height: 1.5;
}

body {
        margin: 0; padding: 0;
        font-family: Arial, Helvetica, Sans Serif; font-size: 78%;
        color: #333333;
        text-align: center;
        background-color: #f3f3f3;
}

img  { border: 0 none; }

#frame {
        margin: 40px auto;
        width: 600px;
        padding: 60px 20px 20px 20px;
}

#frame p  {
        font-size: 16px;
        line-height: 2em;
}

#frame p .prima {
        font-size: 26px;
}

#frame form {
        text-align: left;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 2px;
}

/* Stile base per desktop */
#box_9983 h1 {
    font-size: 24px;
}

/* Stile potenziato per cellulari */
@media screen and (max-width: 480px) {
    #box_9983 h1 {
        font-size: 40px; /* Qui decidi la grandezza esatta */
        color: #000;    /* Puoi anche cambiare colore per farlo risaltare */
        line-height: 1.2;
    }
}