@font-face {
    font-family: "Bank Gothic";
    src: url("../fonts/bank_gothic_light_bt.ttf");
}

html {
    scroll-behavior: smooth;
}

#sp-header {
    height: unset;
    background-color: #2b2a29;
}

#sp-top #sp-logo a {
    font-family: "Bank Gothic";
    font-size: 70px;
    color: #2b2a29;
}

#sp-logo span {
    display: block;
    margin-top: 16px;
}

#sp-top {
    margin: 25px auto;
}

.sp-megamenu-parent {
    float: unset;
    text-align: center;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #fff;
    font-weight: 300;
}

@media screen and (max-width: 575px) {
    #sp-top #sp-logo a {
        font-size: 45px;
    }
}

li.sp-menu-item:not(:last-child):after {
    content: " ";
    background-color: #ffc404;
    width: 1px;
    height: 15px;
    position: absolute;
    top: 22px;
}