/* ============================================
   font-size: smaller — Ranges (from / to)
   Bootstrap 5.3.8 Breakpoints
   ============================================ */

/* Всегда */
.fs-smaller {
    font-size: smaller;
}

.header-breadcrumb-div {
    padding-left: 20px;
}

#uniblock-31 .main-content a {
    color: rgb(71 171 211);
}

#uniblock-31 .main-content td {
    text-align: center;
}

.link-secondary {
    color: rgb(255 101 83) !important;
}

.link-secondary:hover, .link-secondary:focus {
    color: rgb(255 101 83 / 70%) !important;
}

article a {
    color: rgb(71 171 211) !important;
}

article a:hover {
    color: rgb(71 171 211 / 80%) !important;
}


/* xs → sm  (0 — 575.98px) */
@media (max-width: 575.98px) {
    .fs-smaller-xs-sm { font-size: smaller; }
}

/* xs → md  (0 — 767.98px) */
@media (max-width: 767.98px) {
    .fs-smaller-xs-md { font-size: smaller; }
}

/* xs → lg  (0 — 991.98px) */
@media (max-width: 991.98px) {
    .fs-smaller-xs-lg { font-size: smaller; }
}

/* xs → xl  (0 — 1199.98px) */
@media (max-width: 1199.98px) {
    .fs-smaller-xs-xl { font-size: smaller; }
}

/* xs → xxl (0 — 1399.98px) */
@media (max-width: 1399.98px) {
    .fs-smaller-xs-xxl { font-size: smaller; }
}

/* sm → md  (576px — 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .fs-smaller-sm-md { font-size: smaller; }
}

/* sm → lg  (576px — 991.98px) */
@media (min-width: 576px) and (max-width: 991.98px) {
    .fs-smaller-sm-lg { font-size: smaller; }
}

/* sm → xl  (576px — 1199.98px) */
@media (min-width: 576px) and (max-width: 1199.98px) {
    .fs-smaller-sm-xl { font-size: smaller; }
}

/* sm → xxl (576px — 1399.98px) */
@media (min-width: 576px) and (max-width: 1399.98px) {
    .fs-smaller-sm-xxl { font-size: smaller; }
}

/* md → lg  (768px — 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .fs-smaller-md-lg { font-size: smaller; }
}

/* md → xl  (768px — 1199.98px) */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .fs-smaller-md-xl { font-size: smaller; }
}

/* md → xxl (768px — 1399.98px) */
@media (min-width: 768px) and (max-width: 1399.98px) {
    .fs-smaller-md-xxl { font-size: smaller; }
}

/* lg → xl  (992px — 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .fs-smaller-lg-xl { font-size: smaller; }
}

/* lg → xxl (992px — 1399.98px) */
@media (min-width: 992px) and (max-width: 1399.98px) {
    .fs-smaller-lg-xxl { font-size: smaller; }
}

/* xl → xxl (1200px — 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .fs-smaller-xl-xxl { font-size: smaller; }
}

/* Только от breakpoint и выше */

/* sm → ∞ (≥576px) */
@media (min-width: 576px) {
    .fs-smaller-sm { font-size: smaller; }
}

/* md → ∞ (≥768px) */
@media (min-width: 768px) {
    .fs-smaller-md { font-size: smaller; }
}

/* lg → ∞ (≥992px) */
@media (min-width: 992px) {
    .fs-smaller-lg { font-size: smaller; }
}

/* xl → ∞ (≥1200px) */
@media (min-width: 1200px) {
    .fs-smaller-xl { font-size: smaller; }
}

/* xxl → ∞ (≥1400px) */
@media (min-width: 1400px) {
    .fs-smaller-xxl { font-size: smaller; }
}