.hero-scene {
    background: url('../images/hero-bg.png') no-repeat center right;

    @include media-breakpoint-up(lg) {
        padding-bottom: 0;
        background: none;
    }

    text-align: center;

    @include media-breakpoint-up(lg) {
        text-align: left;
    }

    .hero-title {
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 40px;
    }

    .image-box {
        display: flex;
        justify-content: center
    }

    .how-work-link {
        display: block;
        font-weight: 600;
        font-size: 20px;
        text-decoration: none;
        color: $primary-brand-color;
        padding-bottom: 20px;

        @include media-breakpoint-up(lg) {
            padding-left: 50px;
            padding-bottom: 0;
        }
    }
}

.partners {
    padding-top: 0;
    @include media-breakpoint-down(md) {
        text-align: center;
    }
}