html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

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


/* Sticky footer styles
-------------------------------------------------- */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
}

    .footer, .footer div, .footer div a {
        line-height: 60px; /* Vertically center the text there */
    }

.footerspacer {
    margin-bottom: 80px;
}

.tile {
    width: 12rem !important;
    background-color: #FE9E30 !important;
    color: white !important;
    text-align: center !important;
    margin: 10px;
}

.disabled {
    background-color: lightgray;
}

@media only screen and (max-width: 768px) {
    .footer, .footer div, .footer div a {
        line-height: 30px; /* Vertically center the text there */
    }

    .footerspacer {
        margin-bottom: 150px;
    }
}