@media (min-width: 992px) {

#mainNav {

    background-color: #212529;

    opacity: 0.8;

    padding-top: 0;

    padding-bottom: 0;

}

}



section#about {

    background-color: #f8f9fa!important;

}



.navbar-brand img {

    height: 50px;

}

.header-lang a {
    padding: 0 10px;
    color: white;
}
.header-lang.last a{
    border-left: 1px solid #fed136;
}

.header-lang.active a {
    color: #fed136;
    padding: 0 10px;
}

.timeline-image p,
.hotsoft__logo,
.submit_container input,
.navbar-toggler,
.text-muted,
.text-muted p,
#about h3,
.intro-heading p,
.intro-text a,
.intro-lead-in{
    opacity: 0.98 !important;
}

.espa-sign {
    position: fixed;
    left: 15px;
    bottom: 30px;
    z-index: 99999999;
    opacity: .7;
    transition: all .2s ease;
}
    
#mainNav  .header-lang:last-child a.nav-link{
    padding: 0 !important;
    padding-left: 1em !important;
    margin: 1.1em 1em !important;
    margin-left: 0 !important;
    border-left: 1px solid #fed136 !important;
}
#mainNav  .header-lang a.nav-link{
    margin-left: 2em !important;

}

@media (max-width:991.98px) {
    #mainNav  .header-lang:last-child a.nav-link{
        padding: 0 !important;
        padding-left: 0em !important;
        margin: 1.1em 1em !important;
        margin-left: 0 !important;
        border-left: 0px solid #fed136 !important;
    }
    #mainNav  .header-lang a.nav-link{
        margin-left: 0em !important;
    
    }
}
@media (max-width:479.98px) {
    .navbar-brand img {
        height: 35px;
    }
}