body {
    background: url(./images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
}
.nav_right-home {
    visibility: hidden;
}

.banr {
    width: 812px;
    height: auto;
    margin: 5px auto;
}

.nav-large-screen {
    position: relative;
    width: 100%;
    height: 1px;
    margin-top: 100px;
}
.nav-large-screen_brand {
    width: 100%;
    height: 67px;
    position: absolute;
    top: -68px;
    border-bottom: 8px solid #830506;
}
.nav-large-screen_mid-bar {
    text-align: left;
    padding-top: 5px;
    padding-left: 25px;
    width: 373px;
    height: 67px;
    margin: 0 auto;
}

.nav-large-screen_title {
    position: relative;
    top:9px;
    left: 4px;
    font-size: 32px;
    color: #fff;
}
.page-item.active .page-link {
    border-color: rgba(244,109,109, 35%);
}
@media screen and (max-width: 500px) {
    body {
        background: url(./images/bg.jpg);
        background-color: #000;
    }
}

@media screen and (max-width: 840px) {
    .banr {
        width: calc(100vw - 50px);
       /*height: calc((100vw - 50px) * 0.2463);*/
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .nav_right-home {
        visibility: visible;
    }
    .navbar-floating-logo {
        display: none;
    }
    .offcanvas-body {
        background: #2B333F !important;
    }
}

@media screen and (max-width: 420px) {
    .nav-small-screen {
        display: block;
    }
    .nav-large-screen {
        display: none;
    }
}

@media screen and (min-width: 421px) {
    .nav-small-screen {
        display: none;
    }
    .nav-large-screen {
        display: block;
    }
}