@media (pointer: coarse) {

    :root {
        --touch-size: 60px;
    }

    body {
        font-size: 17px;
    }

    .nav-link {
        min-height: 60px;

        padding-left: 16px;
        padding-right: 16px;

        font-size: 16px;
    }

    .btn {
        min-height: 60px;

        padding-left: 22px;
        padding-right: 22px;

        font-size: 17px;
    }

    .icon-button {
        width: 60px;
        height: 60px;

        font-size: 24px;
    }

    .input,
    select,
    textarea {
        min-height: 60px;

        font-size: 18px;

        padding: 14px 16px;
    }

    th,
    td {
        padding: 18px 16px;
    }

    a,
    button {
        touch-action: manipulation;
    }
}