h1, h2, h3, h4, h5, h6 {
    font-family: "Lora", serif;
    font-weight: bold;
    color: #143479;
    text-transform: uppercase;
    text-align: center;
}


h1::before, h1::after, .kiemelt-fejlec::before, .kiemelt-fejlec::after {
    background-color: #143479;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 1px;
    bottom: .1em;
    width: 20%;
}

h1::before, .kiemelt-fejlec::before {
    right: 29px;
    margin-left: -25%;
}

h1::after, .kiemelt-fejlec::after {
    left: 29px;
    margin-right: -25%;
}



/*
h1, .kiemelt-fejlec {
    position: relative;
}

h1::before, .kiemelt-fejlec::before {
    background-color: #143479;
    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: bottom;
    height: 3px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10%;
}

*/

header .navbar, header .navbar .container, header .navbar .container-fluid {
    height: 110px;
    line-height: 110px;
    position: relative;
}

header {
    /*background-color: rgba(3, 35, 104, 0.65);*/
    transition: background-color 1s ease;
    z-index: 10;
}

header.navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 100%;
}

header.navbar-non-transparent {
    background-color: rgba(3, 35, 104, 0.95);
}

header .navbar * {
    line-height: 100%;
}

header .navbar .nav-item {
    padding: 0 .3rem;
}

header .navbar .nav-link {
    color: white;
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 1.1rem;
    white-space: nowrap;
}

#mobile-menu span {
    color: white;
}

header .navbar .dropdown-item {
    text-transform: uppercase;
}

#logo_mobile {
    display: none;
}

#mobile-menu {
    display: none;
}

#mobile-menu span {
    font-size: 24px;
    cursor: pointer;
}

.navbar-container {
    /*margin-left: auto !important;*/
    width: 100%;
}

.navbar-brand, .navbar-brand img {
    height: 100%;
}

#fooldal-menu {
    display: none;
}

.lang_icon {
    height: 20px !important;
}

.lang_dropdown.dropdown-menu {
    padding: 0 0.5rem !important;
    background-color: inherit !important;
    border: 0px;
}

.lang_dropdown.dropdown-menu .dropdown-item:hover {
    background-color: inherit !important;
}

.lang_dropdown a {
    padding: 5px;
}




/*              <<==--   RESPONSIVE   --==>>              */
/* Tablet fekvő nézet, 1024px (1024-1279px) */
@media only screen
and (max-width: 1279px) {
    #logo_mobile {display: inline-block;}
    #logo_desktop {display: none;}
    header .navbar .nav-item {padding: 0 0.25rem; font-size: 90%}
    header .navbar .nav-link {font-size: 1rem;}
    header .navbar, header .navbar .container, header .navbar .container-fluid {height: 100px; line-height: 100px;}
    
    #logo_mobile {display: none;}
    
    #header_navbar {display: none; padding: 5px 10px; flex-direction: column; position: absolute; top: 0; left: 0; background-color: white; z-index: 1; border: 1px solid lightgray; margin-top: 25px;}
    
    header .navbar, header .navbar .container, header .navbar .container-fluid {height: 80px; line-height: 80px;}
    .nav-link {display: flex;}
    #mobile-menu {display: block;}
    
    /*header .navbar {border-bottom: 1px solid lightgray;}*/
    .navbar-container {margin-left: 0px !important;}
    header #header_navbar .nav-link {color: #143479;}
    #fooldal-menu {display: block;}
    header .navbar, header .navbar .container, header .navbar .container-fluid {height: 50px; line-height: 50px;}
    
    #header-right-menu {
        margin-left: auto !important;
    }
}

/* Tablet nézet, 768px (768-1023px) */
@media only screen
and (max-width: 1023px) {
    
    
}

/* Mobil nézet, 300px (300-767px) */
@media only screen
and (max-width: 767px) {
    h1, .h1 {font-size: 1.75rem;}
    h2, .h2 {font-size: 1.5rem;}
    h3, .h3 {font-size: 1.2rem;}
    header .navbar, header .navbar .container, header .navbar .container-fluid {height: 40px; line-height: 40px;}
    h1::before, h1::after, .kiemelt-fejlec::before, .kiemelt-fejlec::after {width: 0}
}

/* Mobil nézet, 300px (300-575px) */
@media only screen
and (max-width: 575px) {
    header .navbar, header .navbar .container, header .navbar .container-fluid {height: 30px; line-height: 30px;}
}