.hero-prenotazioni {
    width: 100%;
    height: 100%;

    display: block;

    margin: auto;
    padding: 100px 0px;

    background-color: var(--purple);
}

    .content-hero-prenotazioni {
        width: calc(100% - 20px);
        max-width: 1040px;
        height: auto;

        display: block;

        margin: auto;
    }

        .title-prenotazioni {
            width: fit-content;
            height: fit-content;

            margin: auto;

            text-align: center;

            color: var(--black);
        }

        .container-content-prenotazioni {
            width: calc(100% - 20px);
            max-width: 1040px;
            height: auto;
    
            display: flex;
    
            margin: 50px auto auto auto;
        }

            .text-content-prenotazioni {
                width: 100%;
                max-width: 490px;
                height: auto;
    
                display: block;
                
                margin: auto auto auto 0;
            }

                .text-prenotazioni,
                .subtext-prenotazioni {
                    width: 100%;
                    max-width: 450px;
                    height: auto;

                    margin: auto;

                    text-align: center;

                    color: var(--black);
                }

                .subtext-prenotazioni {
                    margin-top: 100px;
                }

            .form-prenotazioni {
                width: 100%;
                max-width: 350px;
                height: auto;

                display: block;

                margin: auto auto auto auto;
            }

                .title-form-prenotazioni {
                    width: fit-content;
                    height: fit-content;

                    margin: auto auto 30px auto;

                    text-align: center;

                    color: var(--white);
                }

            #prenotazioni-submit {
                margin: 15px 0 auto auto;
            }
            
@media (max-width: 850px) {
    .container-content-prenotazioni {
        max-width: 490px;

        flex-wrap: wrap;
        row-gap: 50px;
    }
    
        .text-content-prenotazioni {
            margin: auto auto auto auto;
        }

            .subtext-prenotazioni {
                margin-top: 50px;
            }

        .form-prenotazioni {

            margin: auto auto auto auto;
        }
}