/*----------------------RESPONSIVE CSS---------------------------- */

@media (min-width: 40em) {

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

/* Media queries per adattare il layout sui dispositivi mobili */
@media (max-width: 768px) {
    .form-overlay {
        width: 90%;
        left: 50%;
        padding: 15px;
    }

    .text-overlay {
        font-size: 2rem;
        /* Riduce la dimensione del testo su schermi piccoli */
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
    }
}