html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
    
    .remaining {
        font-size: smaller;
    }
}

@media screen and (max-width: 600px) {
    b {
        font-weight:800;
    }
}

html {
    position: relative;
    min-height: 100%;
}


body {
    margin-bottom: 60px;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

a {
    color: #B70;
    text-decoration: none;
}

    a:hover, a:visited {
        color: #B70;
        text-decoration: underline;
    }
    
div.wordsFound {
    width: 210px;
    font-size: smaller;
    border: 1px solid #000000;
    border-radius: 4px;
}

ul.wordsFound {
    columns: 2;
    padding: 0.25em;
    text-align:left;
    text-transform:capitalize;
}

.wblcTable {
    width:100%;
    text-align:center;
    text-transform:capitalize;
}

.form-control {
    border: 1px solid #000000;
    width: 210px;
    resize: none;
}

    .form-control::placeholder {
        color: #989ea1;
    }
    
ul {
    list-style-type: none;
    margin-block-end: 0;
}

    .ul-twoletter {
        display: inline-block;
        margin-left: -20px;
    }

        .ul-twoletter li {
            float: left;
            padding: 10px;
            width: 105px;
            height: 25px;
        }

            .ul-twoletter li:nth-child(2n + 3) {
                clear: left;
                float: left;
                width: 105px;
                height: 25px;
                padding: 10px;
            }

h1 {
    font-size: 2.4em;
    font-family: 'Federo', serif;
}

h2 {
    font-size: 1.5em;
    font-family: 'Federo', serif;
}

h3 {
    font-size: 1.2em;
    font-family: 'Federo', serif;
}

th, td {
    padding: 0;
}

    .foundview th, .foundview td {
        padding: 5px;
        font-size: 0.9em;
    }

.instr {
    width: 200px;
    font-size: smaller;
}