@media (hover: none) and (pointer: coarse) {
    html {
        font-size: 24px;
    }

    .navbar-brand {
        font-size: 1.25rem !important;
    }

    .navbar-dark {
        font-size: 18px !important;
    }

    nav .btn {
        font-size: 18px !important;
    }

    .kbd-hint {
        display: none !important;
    }

    footer {
        font-size: 18px !important;
    }

    footer .btn {
        font-size: 1em;
    }
    footer p,
    footer li {
        font-size: 0.9em;
    }
    footer h5 {
        font-size: 1.25em;
    }
}