html {
    font-size: 14px;
}

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

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

body {
    margin-bottom: 60px;
}

.homepage-btn-subtext {
    font-size: 12px;
    min-height: 40px;
    position: relative;
    display: block;
}

.homepage-btn {
    max-width: 280px;
    min-height: 170px;
    min-width: 280px;
}

    .homepage-btn > div > i.bi {
        color: #2c6eb5;
    }

    .homepage-btn:hover > div > i.bi {
        color: #fff;
    }


h1, h2, h3, h4, h5, h6 {
    color: #444;
}

th {
    color: #444;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotate {
    display: inline-block;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}