header a{
    text-decoration: none;
    color:#00527A;
} 

header{
    color:#00527A;
    
}

header .tel{
    text-decoration: underline;
    text-decoration-color: #F56200;
    font-size:.9em;
}

header li{
    list-style-type: none;
     font-weight: 600;
    font-family: 'Bitter', serif;
    font-size:1em;
}

.navbar{
   background-color: #f0ab20;
    box-shadow: 0 0 20px black;
}

.fomenupont{
    position: relative;
}

.telefonszam-pc{
    display: flex
}

.telefonszam-lg{
    display: none;
}

.almenu{
    position: absolute;
    top:45px;
    display: none;
    width:200px;
    z-index:300;
    background-color: #f0ab20;
box-shadow: 0px 5px 10px black;
    
}

.fomenupont:hover .almenu{
    display: block;
}

.almenu a{
    display: block;
    border-left:5px solid transparent;
    padding:10px;
    color:#00527A;
    
}

.almenu a:hover{
    border-left:5px solid  #F56200;
    text-decoration: none;
}

.logo-img{
    max-width:100px;
}

.navbar-light .navbar-nav .nav-link:hover {
     color:#00527A;;
 }

.navbar-light .navbar-nav .nav-link{
     color:#00527A;;
    padding:15px;
 }

.navbar-light .navbar-nav .nav-link::after{
    content:" ";
    display: block;
    position: relative;
    top:0px;
    width:0%;
    background-color: #F56200;
    height: 5px;
    transition: .5s;
}

.navbar-light .navbar-nav .nav-link:hover::after{
    width:40px;
}


.navbar-light .navbar-nav .nav-link.active::after{
     content:" ";
    display: block;
    position: relative;
    top:0px;
    width:40px;
    background-color: #F56200;
    height: 5px;
    
}

.navbar-light .navbar-nav .nav-link.active{
    color:#00527A;
}



 /* <<==--   RESPONSIVE   --==>> */
 /* Fekvő nézet */
 @media (orientation: landscape) {}

 /* Álló nézet */
 @media (orientation: portrait) {
     #site-bg-landscape {
         display: none;
     }

     #site-bg-portrait {
         display: block;
     }
 }


 /* 1680 px, Tablet fekvő (1670 - 1919px)*/
 @media only screen and (max-width: 1670px) {}

 /* 1440 px, Tablet fekvő (1430 - 1669px)*/
 @media only screen and (max-width: 1430px) {}

 /* 1366 px, Tablet fekvő (1356 - 1429px)*/
 @media only screen and (max-width: 1356px) {}

 /* 1280 px, Tablet fekvő (1270 - 1355px)*/
 @media only screen and (max-width: 1270px) {
     header{
         font-size:14px;
     }
     .navbar-dark .navbar-nav .nav-link{
    padding:10px;
 }

}

 /* 1024 px, Tablet fekvő (1014 - 1269px)*/
 @media only screen and (max-width: 1279px) {}

 /* 768 px, Tablet álló (768 - 1013px) */
 @media only screen and (max-width: 991px) {
     .navbar-nav{
         text-align: center;
        font-size:1.3em;
         
     }
     
     .telefonszam-lg{
         display:flex;
     }
     
     .telefonszam-pc{
         display: none
     }
     
    .almenu{
    position: static;
    top:45px;
    display: block;
    width:auto;
        padding:7px;
    font-size:0.8em;
    background-color:transparent;
        font-weight: 500;
        box-shadow: 0px 0px 00px transparent;
    
    
}
     
     .navbar-light .navbar-nav .nav-link::after{
    content:" ";
    display: none;
    position: relative;
    top:0px;
    width:0%;
    background-color: #F56200;
    height: 5px;
    transition: .5s;
}
     
     .navbar-light .navbar-nav .nav-link.active::after{
    display: none;
    
}
     .navbar-light .navbar-nav .nav-link.active{
         color:#F56200;
     }
     
     .navbar-light .navbar-nav .nav-link:hover{
         color:#F56200;
     }
     
     .almenu a:hover{
    border-left:5px solid  transparent;
    text-decoration: none;
         color:#F56200;
}
     
     
}



 /* 576 px, Telefon fekvő (576 - 767px) */
 @media only screen and (max-width: 767px) {}

 /* 300 px, Telefon álló (300 - 575px) */
 @media only screen and (max-width: 575px) {
     
     .logo-img {
    max-width: 70px;
}
}