/*Bootstrap 4 font size was default to 16px which is causing alignment issues*/

/*Default regardless of window size*/
html {
    font-size: 14px;
}
h3 {
    font-size: 24px;
    padding-top: 10px;
}
h4 {
    font-size: 20px;
    padding-top: 10px;
}
h6 {
    font-size: 12px;
    margin-top: 10px;
}

/*Bootstrap 4 "jumbotron" not supported.*/
.jumbotron {
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

.navbar {
    padding: 0.03rem 1rem;
    border-bottom: 1px solid transparent;
    border-color: #080808;
}

.fade.in {
    opacity: 1; /*Bootstrap 4 "fade in" not supported, it looks like OSS apps.js need upgrade to be compatible with bootstrap 4*/
}