@media (max-width: 700px) {
    .container-inner {
        align-items: center;
    }

    .container-inner .title {
        text-align: center;
        padding: 1rem;
        font-size: 2rem;
    }

    .container-inner .subtitle {
        text-align: center;
        font-size: 1.75rem;
        max-width: 100%;
    }
}

@media (max-width: 400px) {
    .container-inner {
        padding: 0 .5rem;
        align-items: center;
    }

    .container-inner .title {
        text-align: center;
        padding: 1rem;
        font-size: 2rem;
        max-width: 100%;
    }

    .container-inner .subtitle {
        text-align: center;
        font-size: 1.5rem;
        max-width: 100%;
    }
}