.navbar-brand {
    height: 50px;
}

.logo {
    max-height: 80%;
    margin: 4px 0 2px 0;
}

nav {
    font-size: 16px;
    font-family: "DIN";
    color: #555;
}

nav .logo-light {
  display: none;
}
nav.bg-dark .logo-light {
  display: inline;
}
nav.bg-dark .logo-dark {
  display: none;
}

.has-fixed-top-navbar {
    padding-top: 50px;
}

nav.navbar ul li a i.fa {
    font-size: 1em;
}


ul.navbar-nav.navbar-media {
    display: flex;
    flex-direction: row;
}

ul.navbar-nav.navbar-media {
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
}

ul.navbar-nav.navbar-media li {
    flex: 0 0 56px;
    font-size: 1.2em;
}

@media (max-width: 892px) {
    .dropdown-menu{
        border-width: 0;
    }

    .dropdown-menu{
        border-width: 0;
        background-color: transparent;
    }
}

section, footer {
    padding: 96px 0;
    position: relative;
    overflow: hidden;
}

footer {
    padding: 72px 0;
}

footer.bg-dark p, footer.bg-dark span, footer.bg-dark li {
    color: #fefefe;
}

footer.bg-dark a {
    color: #fff;
}

.footer-1 .logo {
    max-height: 30px;
}

.footer-1 .sub {
    opacity: .5;
}

.back-to-top {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.back-to-top:hover {
    opacity: 1;
}

.bg-dark .back-to-top {
    border-color: #fff;
}

.bg-dark .back-to-top:active,
.bg-dark .back-to-top:focus,
.bg-dark .back-to-top:visited {
    color: #fff;
}

.bg-dark .back-to-top:hover {
    background: none;
}