@media only screen and (max-width: 768px) {
    :root {
        --wrapper-inline-padding: 5px;
    }
    #content {display: inherit;}
    #contentBlockElement-1 .fullscreen {height: 50vh;}
    #contentBlockElement-2 {margin-top: 1.5vh}
    #contentBlockElement-2, #contentBlockElement-2.closed {height: 100%; min-height: 236px; /*92px;*/ border-radius: 50px 0 0 50px;}
    #contentBlockElement-2 button {display: none;}
    #contentBlockElement-2.opened {
        width: 100%;
        height: 100%;
        min-height: 236px; /*92px;*/
        border-radius: 0;
        max-height: calc(48.5vh - 10px);
    }
    .scrollable-text {margin-top: 34px;}
    #Hakewill-welcome #home-page {grid-template-areas: "titolo" "descrizione" "bottone" !important; grid-template-columns: auto !important; grid-template-rows: auto auto 10vh !important;}
    #Hakewill-welcome #site-title {align-items: center !important; justify-content: center; padding: 5% !important;}
    #Hakewill-welcome #home-description {display: flex; align-items: center; justify-content: center; padding: 5% !important;}
    #Hakewill-welcome #start-button-area {justify-content: center !important; align-items: center !important; padding: 5% !important;}
    #contentBlockElement-4.opened {height: fit-content;}
}

@media only screen and (max-width: 522px) {
    #contentBlockElement-2, #contentBlockElement-2.closed, #contentBlockElement-2.opened {min-height: calc(48.5vh - 10px); /*132px;*/}
}

@media only screen and (max-width: 640px) {
    footer.wrapper {margin-top: 15px;}
}