.header-prohibice {height: 6.375rem;left: 0;position: sticky !important;right: 0;top: 0;background: #000;z-index: 9999; } .header-prohibice .container-fluid {height: 100%;position: relative;display: flex;justify-content: center; } @media only screen and (max-width: 1720px) {.header-prohibice .container-fluid {justify-content: flex-end;} } @media (max-width: 1099.98px) {.header-prohibice .container-fluid {justify-content: flex-start;} } .header-prohibice .container-fluid .navbar {position: unset;margin: auto 0; } .header-prohibice .container-fluid .navbar .btn-menu {display: flex;align-items: center; } @media only screen and (min-width: 1100px) {.header-prohibice .container-fluid .navbar .btn-menu {display: none;} } .header-prohibice .container-fluid .navbar .btn-menu p {margin-bottom: 0;margin-left: 0.625rem;font-weight: bold;font-size: 1.25rem; } .header-prohibice .container-fluid .navbar .navbar-brand {position: absolute;top: 0.625rem;left: 1.875rem;text-align: right; } .header-prohibice .container-fluid .navbar .navbar-brand .img-fluid {transition: max-width 0.5s; } .header-prohibice .container-fluid .navbar .navbar-brand.active .img-fluid {max-width: 60%;transition: max-width 0.5s; } @media (max-width: 1099.98px) {.header-prohibice .container-fluid .navbar .navbar-brand {display: none;} } .header-prohibice .container-fluid .navbar .nav-pills button {display: none; } @media (max-width: 1099.98px) {.header-prohibice .container-fluid .navbar .nav-pills {flex-direction: column;position: absolute;top: 6.25rem;left: -340px;width: 340px;transition: left 1s;background: rgba(0, 0, 0, 0.9);height: 100vh;padding: 1.25rem;max-width: 100%;}.header-prohibice .container-fluid .navbar .nav-pills.show {display: flex;left: 0;transition: left 1s;}.header-prohibice .container-fluid .navbar .nav-pills button {display: block;position: absolute;top: 0.625rem;right: 0.625rem;transform: scale(1.4);}.header-prohibice .container-fluid .navbar .nav-pills button svg {color: white;} } .header-prohibice .container-fluid .navbar .nav-pills .nav-link {font-size: 1.375rem;font-family: "Limelight", sans-serif;color: #fff;text-transform: uppercase; } @media only screen and (max-width: 1500px) {.header-prohibice .container-fluid .navbar .nav-pills .nav-link {padding: 0.625rem 1rem;} } @media only screen and (max-width: 1365px) {.header-prohibice .container-fluid .navbar .nav-pills .nav-link {font-size: 1.125rem;} } @media (max-width: 1099.98px) {.header-prohibice .container-fluid .navbar .nav-pills .nav-link {font-size: 1.75rem;} } .header-prohibice .container-fluid .navbar .nav-pills .nav-link:hover, .header-prohibice .container-fluid .navbar .nav-pills .nav-link.active {color: #e5b573;background: none; }