.nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner-1 {
    background: url(../../img/banner-1.jpg) no-repeat center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden
}

.banner-oly {
    padding: 30px 0px 100px;
    background: var(--banner-oly);
    height: calc(100vh - 205px);
}
.banner-oly-group {
    padding: 30px 0px 100px;
    background: var(--banner-oly);
    height: calc(100vh - 186px);
}

.banner-content {
    text-align: center
}

.banner-content h1 {
    margin-top: 140px
}

.banner-content p {
    color: var(--white);
    font-size: 18px;
    margin-bottom: 45px
}

@media (max-width: 991px) {
    .banner-content h1 {
        font-size: 42px;
        line-height: 46px
    }
    .navbar-bg {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .banner-oly {
        padding: 30px 0px;
        height: calc(100vh - 147px);
    }
    .banner-oly-group {
        padding: 30px 0px;
        height: calc(100vh - 147px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-oly {
        padding: 30px 0px;
        height: calc(100vh - 147px);
    }
    .banner-oly-group {
        padding: 30px 0px;
        height: calc(100vh - 147px);
    }
}

@media (max-width: 991px) {
    .nav {
        width: 800px
    }
}