.sb-topnav .nav-link:hover { background-color: #555; }

.sb-sidenav-menu .nav-link {/*background-color: #0d6efd; border-radius: 5px; color: white;*/ font-weight: bold; }
.sb-sidenav-menu-nested .nav-link:hover { background: #333; color: white !important; }
.sb-sidenav-menu-nested .nav-link {font-weight: normal; padding-top: 10px !important; padding-bottom: 10px !important; line-height: 100%; }

.main-content {max-width: 1000px; }
h3 {font-size: 1.5rem;}

.card.youtube-box {width: 18rem; }
.title-image { max-width: 50%; float: left;}
@media (max-width: 768px) {
    .card.youtube-box {width: 50%; }
    .title-image { max-width: 50%; }
}

.main-content blockquote {font-size: 1.2rem; font-style: italic; margin-left: 7rem; margin-right: 7rem; background: #DEF; padding: 10px 10px; }
.main-content blockquote p {margin-bottom: 0px; }
@media (max-width: 768px) {
    .main-content blockquote {margin-left: 1rem; margin-right: 1rem; }
}


/* Folio */
.folio-text {white-space: pre;}
@media (max-width: 700px) {
    .folio-text {font-size: 0.8rem;}

}
@media (max-width: 580px) {
    .folio-text {font-size: 0.6rem;}

}