.header {background: var(--black);width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;height: 5.2857142857rem;position: sticky;top: 0;z-index: 100;margin-bottom: 0.5714285714rem; } .header.header-pavement, .header.header-fence {margin-bottom: 0;max-width: none; } .header.header-pavement .container, .header.header-fence .container {max-width: none; } .header .navbar {z-index: 2;margin-right: 0;margin-left: 0;padding: 0 !important;height: 5.2857142857rem;background: var(--black);color: var(--white); } .header .navbar .col {padding-right: 0;padding-left: 0; } .header .navbar .col:last-child {display: flex;flex-direction: row;align-items: center;justify-content: flex-end; } .header .navbar .navbar-brand {width: 7.1428571429rem;text-align: center; } .header .navbar h1, .header .navbar .h1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;font-size: 1.4285714286rem;margin: 0;color: var(--white); } @media (min-width: 768px) {.header .navbar h1, .header .navbar .h1 {font-size: 2.2857142857rem;} } .header .navbar .btn {box-shadow: none;color: var(--white); } .header .navbar .btn svg {width: auto;height: 2.1428571429rem; } .header .navbar .btn:hover {color: var(--link-hover-color); }