@media (min-width: 768px) {
    span.inner-hero-title-block {
        width: 90%;
    }

    .inner-hero-title {
        font-size: 3em;
    }

    .col-4.text-center img {
        width: 60%;
    }
        .p-4 {
        padding: 0 !important;
    }
    .container.py-5 {
    display: none;
}

}

@media (max-width: 600px) {
.col-8.offset-2.py-4 {
    margin: 0;
    width: 100%;
}
    .text-center {
        padding-bottom: 0 !important;
    }
    .mt-5 {
    margin-top: 5rem !important;
}
button#personaSubmitBtn,button.btn.btn-secondary {
    font-size: 1em;
}


.d-flex.justify-content-end.gap-3 {
    flex-direction: column;
}
}

.error{
    color: red !important;
}