body {display: flex;min-height: 100vh;flex-direction: column;}
main {flex: 1 0 auto;}
.nav-wrapper {display: flex;justify-content: center;}
nav {background: #fff !important;}
nav a {color: #000 !important;}
.brand-logo i.logo-i {margin: 0 !important;}
.nav-list a > i {display: inline !important;font-size: 12px !important;}
nav ul a{border-bottom: 2px solid #fff;}
nav ul a:hover{background-color: transparent;border-bottom: 2px solid rgb(192 0 0);}

.breadcrumbs {display: flex;flex-wrap: wrap;align-items: center;}
.breadcrumbs li {list-style: none;}
.breadcrumbs li + li:before {content: ">";margin: 0 10px;}

h1.c-h1 {font-size: 2em;font-weight: 500;}
h2.c-h2 {font-size: 1.5em;font-weight: 500;}
h3.c-h3 {font-size: 1.3em;font-weight: 500;}
h4.c-h4 {font-size: 1em;font-weight: 500;}
.a-h:hover{text-decoration: underline;}
.card.h-card .card-title{display: block}

.custom-collections {display: flex;flex-wrap: wrap;gap: 15px;border: none;padding: 30px 5px;}
.custom-collections a {width: 200px;}
.custom-collections a i.material-icons { font-size: 12px}
.c-card{background: transparent;color: #000;padding: 10px;}
.custom-collections a.c-card:hover {background: rgba(192,0,0,1);color:#fff;}

blockquote.ql {position: relative;padding: 20px;margin: 20px 0;font-style: italic;font-size: 1.2rem;}
blockquote.ql footer {font-weight: bold;font-size: 12px;color: #555;margin-top: 10px}

ul.ul-list {padding-left: 15px;}
.ul-list li{ list-style-type: disc !important;}
.r-180{rotate: 180deg;}
.m-t-20{margin-top: 2%;}
.m-5{margin: 5px}
@media only screen and (max-width: 600px) {
    .nav-wrapper {display: block;}
     nav .brand-logo.center{position: unset; transform: none}
    .nav-list.sidenav a > i.material-icons{float: unset}
    .custom-collections {gap: 10px;padding: 5px;}
    .custom-collections a {width: 160px;margin-bottom: 0;}
    blockquote.ql {font-size: 1rem;}
    blockquote.ql footer {font-size: 10px;}
    .card .card-title {font-size: 18px;font-weight: 400;}
}