@media screen and (min-width: 768px) and (max-width: 1023px) {

    body {
        background-color: #ffe3ff;
        text-align: justify;
        margin: 0;
        overflow-x: show;
        margin: 0;
        padding:0;
        height:100%;
         background: url("immaginetoscana.jpg") center/cover no-repeat fixed;
    }

    .h1 {
        font: 34pt serif;
        color: #7b0094;
        text-align: center;
    }

    .h2 {
        font: 14pt "Comic Sans MS";
        color: #ff33d3;
        text-align: center;
    }

    .h3 {
        font: 22pt serif;
        color: #4f005f;
        text-align: center;
    }

    .h4 {
        font: 14pt serif;
        color: #3c0079;
        text-align: left;
    }

    .p {
        font: 14pt "Comic Sans";
        color: #000000;
        text-align: justify;
    }

    .p1 {
        font: 12pt "Comic Sans";
        color: #000000;
        text-align: right;
    }

    a:link,
    a:visited {
        font: 20pt serif;
        color: #9933FF;
        text-align: center;
    }

    /* BOX RESPONSIVI */
   #box1, #box2 {
    background-color: #ffb5ce;
    border-radius: 20px;
    width: 80%;
    margin: 40px auto;
    padding: 2%;
    text-align: center;
}

img {border-radius: 30px;}


    /* SFONDO */
  .pagina {
    width: 100%;
    min-height: 100vh;

    background-image: url("immaginetoscana.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    background-attachment: fixed;
}

.button {position: relative; bottom: 20px;left: 0;width: 100%;display: flex;justify-content: center;gap: 30px;}
#boxperbottoni {margin:0}

}