.header {background: var(--black);width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;height: 4.625rem;position: sticky;top: 0;z-index: 100;margin-bottom: 3.125rem; } .header .navbar {z-index: 2;margin-right: 0;margin-left: 0;padding: 0 !important;height: 4.625rem;background: var(--black);color: var(--white); } .header .navbar .col {padding-right: 0;padding-left: 0; } .header .navbar .navbar-brand {width: 6.25rem;text-align: center; } .header .navbar h1, .header .navbar .h1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;font-size: 1.25rem;margin: 0;color: var(--white); } @media (min-width: 768px) {.header .navbar h1, .header .navbar .h1 {font-size: 2rem;} } .header .navbar .btn {box-shadow: none;color: var(--white); } .header .navbar .btn svg {width: auto;height: 1.875rem; } .header .navbar .btn:hover {color: var(--link-hover-color); }