@media (max-width: 640px) {
    body {
        font-size: 15px;
    }

    #inputContainer,
    #modeContainer,
    #resultsContainer,
    #projectInputContainer,
    #projectResultsContainer {
        width: 95% !important;
    }

        #inputContainer td,
        #projectInputContainer td {
            display: block;
            width: 100% !important;
            box-sizing: border-box;
        }

            #inputContainer td:first-child,
            #projectInputContainer td:first-child {
                padding-bottom: 2px;
                font-weight: bold;
            }

            #inputContainer td:last-child,
            #projectInputContainer td:last-child {
                padding-top: 2px;
                padding-bottom: 8px;
            }

    input[type=text] {
        width: 100%;
        padding: 8px;
        font-size: 1em;
        box-sizing: border-box;
    }

    .aspNet-button {
        padding: 12px 15px;
        font-size: 1.1em;
        width: 100%;
        box-sizing: border-box;
    }

    .grid-container {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .grid-container table {
            min-width: 700px;
        }
}