.media-body {
    --media-font-size: 15px;
    font-size: var(--media-font-size);
    --bullet-size: calc(var(--media-font-size) * 1.2);
    --bullet-font-size: calc(var(--media-font-size) * 0.8);
    transition: font-size 0.15s ease-out;
}
.media-body h1 { font-size: calc(var(--media-font-size) * 1.4) !important;}
.media-body h2 {font-size: calc(var(--media-font-size) * 1.3) !important;}
.media-body h3 {font-size: calc(var(--media-font-size) * 1.2) !important;}
.media-body h4 {font-size: calc(var(--media-font-size) * 1.1) !important;}
.media-body p,  .media-body li,  .media-body strong {font-size: calc(var(--media-font-size) * 1.0) !important;}

#font-scale {max-width:25px; float:right; margin-right: -15px; padding-top:3px;}
.noUi-target {height: 8px;border-radius: 0 !important;}
.noUi-base {height: 8px;}
.noUi-handle {width: 16px !important;height: 16px !important;border: 1px solid #999;right: -4px !important;}
.noUi-handle:before,.noUi-handle:after {display: none;}
#fontSlider {margin: 10px 20px 10px 0;}
.noUi-connect {background: #e9e9e9; height: 6px;}
.media-list .fa-plus {float: right; font-size: 12px; margin-top: -20px;}

.flex_col_item ul > li::before {
    width: var(--bullet-size) !important;
    height: var(--bullet-size) !important;
    font-size: var(--bullet-font-size) !important;
    line-height: 1.5 !important;
    margin-left: -3rem !important;
}