@media screen and (min-width: 768px) {
    #nav-main__nav {
        background-color: #006FAD !important;
        border-bottom-color: #00568C;
    }
    div.navbar-brand {
        background-image: url('imgs/UP_logo_bila_cz.svg');
    }
    div.navbar-brand:hover {
        background-color: #00568C !important;
    }
    div.navbar-brand--en {
        background-image: url('imgs/UP_logo_bila_en.svg') !important;
    }
    ul.nav-main__navbar > li > a {
        color: white !important;
    }
    ul.nav-up__navbar > li > a:hover,
    ul.nav-up__navbar > li > a:focus,
    ul.nav-up__navbar > li.active > a,
    ul.nav-main__navbar > li > a:hover,
    ul.nav-main__navbar > li > a:focus,
    #nav__search-btn:hover,
    #nav__search-btn:focus,
    #nav__search-btn.open {
        background-color: #00568C !important;
    }
    #nav-main__nav .nav-main__navbar > .active > a::after {
        background-color: #00568C;
        bottom: 0;
        content: '';
        height: 0.7em;
        left: 0;
        position: absolute;
        width: 100%;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--cmtf:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--cmtf:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--cmtf {
        background-color: #9E82B5;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--lf:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--lf:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--lf {
        background-color: #B62846;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--ff:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--ff:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--ff {
        background-color: #3AB0E1;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--prf:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--prf:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--prf {
        background-color: #EB6D25;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--pdf:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--pdf:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--pdf {
        background-color: #E7AE05;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--ftk:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--ftk:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--ftk {
        background-color: #099652;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--pf:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--pf:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--pf {
        background-color: #58507F;
    }
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--fzv:hover,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li > a.fac--fzv:focus,
    ul.nav-main__navbar > li.dropdown.open > ul.dropdown-menu > li.active > a.fac--fzv {
        background-color: #B2C918;
    }
}