html, body {margin: 0;padding: 0;}
/* Navbar */
.navbar-brand a  {text-decoration:none}
a.nav-link, a.dropdown-item {text-transform: uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings: normal; font-style: normal; letter-spacing: 0.02em; line-break: auto; line-height: 1.17em; font-size: 12px;font-weight: 500; overflow-wrap: normal; color: rgba(0,0,0,1); background-color: transparent; position: relative; border-bottom: 2px solid transparent;}
.dropdown-toggle:after {margin-left:1em}
.navbar-toggler {color: rgba(0,0,0,1);}
#offcanvasLeftMenu {width: 75% !important; max-width: 75% !important;}
.btn-close.darken {color: rgba(0,0,0,1);font-size:1.1rem; font-weight:500; --tblr-btn-close-opacity: 1;}
@media (min-width: 768px) and (max-width:991.98px){
#offcanvasLeftMenu {width: 50% !important; max-width: 50% !important;}
}   
@media (min-width: 992px) {
#offcanvasLeftMenu {width: 25% !important; max-width: 25% !important;}
}
.offcanvas-header {border-bottom: none;}
.head-logo {display: inline-block; text-align: center;min-width: 0;}
.logo-first, .logo-second {display: block;width: 100%; text-align: center;}
@media (max-width: 767.8px) {
.logo-first {font-size: 1.1rem; font-weight: 600; letter-spacing: 2px; line-height: 1;}
.logo-second {font-size: 0.6rem; font-weight: 400; letter-spacing: 3px; text-transform: lowercase; color: #6c757d;            margin-top: 0.15em;margin-left:2px}
}
@media (min-width: 768px) {
.logo-first {font-size: 1.5rem; font-weight: 600; letter-spacing: 4px; line-height: 1;}
.logo-second {font-size: 0.85rem; font-weight: 400; letter-spacing: 4px; text-transform: lowercase; color: #6c757d; margin-top: 0.15em;margin-left:1.5px}
}  
.accordion-button.menu {text-transform: uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings: normal; font-style: normal; letter-spacing: 0.02em; line-break: auto; line-height: 1.17em; font-size: 12px;font-weight: 500; overflow-wrap: normal;color: rgba(0, 0, 0, 1);}