hr {
    width: 75%;
    margin: 1.2em auto
}

.bbb-main {
    font-size: 14px
}

.bbb-left {
    font-weight: 700
}

.cabinet {
    margin: 1em 0;
}

.bbb-right h1, h2 {
    margin-top: 1em;
    font-size: 1.2em
}

.strong {
    font-weight: 700
}

a {
    color: #8e44ad;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: underline;
}

@media screen and (min-width: 40em) {

    .bbb-main {
        height: 580px;
        background: url('/images/discontinued/bbb/bowling_bg.jpg') no-repeat top left
    }

    .bbb-content {
        display: flex
    }

    .bbb-content > div {
        flex: 1
    }

    .bbb-left {
        position: relative;
        color: #ffcb05
    }

    .bbb-left .logo {
        position: absolute;
        top: 0;
        left: 125px
    }

    .cabinet {
        display: none
    }

    .bbb-right {
        margin: 0.5em 0 0 1.5em;
        text-align: left
    }

    .bbb-right > div {
        width: 350px;
        height: 560px;
        padding: 0.5em 0.2em 0 0.3em;
        background:#8f93e1 url('/images/discontinued/bbb/bowling_right_bg.jpg') no-repeat top left;
        background-size: cover
    }

    .bbb-right h1, h2 {
        margin: 0;
    }

    .bbb-right h1 {
        font-size: 12px;
        font-weight: 700
    }

    .bbb-right p {
        margin: 0;
        font-size: 12px
    }

    .bbb-right img {
        float: right;
        margin: 0 0 0.5em 0.5em
    }

    .bbb-btm {
        margin-top: 2em;
        font-size: 14px
    }

    .bbb-btm h2 {
        margin: 1em 0
    }

    .row-one {
        display: flex
    }
    .row-one div {
        flex: 1 1 auto
    }
    .row-one div:first-of-type {
        text-align: left
    }
    .row-one div:last-of-type {
        text-align: right
    }

    .row-two {
        text-align: left
    }

}