/*
 * Styling for BG/Content Half Block
 */
 
.fx-block--bg-content-half {
    background: #fff;
    position: relative;
    padding: 60px 0;
}

    .fx-block--bg-content-half__row {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        margin-left: -22px;
        margin-right: -22px;
    }

        .fx-block--bg-content-half__content {
            background: #fff;
            padding: 40px 30px 20px;
        }

        .fx-block--bg-content-half__btn {
            display: flex;
            flex-direction: column;
            min-height: 150px;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }

            .fx-block--bg-content-half__btn i {
                display: block;
                margin-bottom: 10px;
                font-size: 30px;
                line-height: 1;
            }

@media (min-width: 768px) {
    .fx-block--bg-content-half { padding: 70px 0; }

    .fx-block--bg-content-half__row {
        flex-direction: row;
        margin-left: -16px;
        margin-right: -16px;
    }

        .fx-block--bg-content-half__img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .75;
        }

        .fx-block--bg-content-half__content { padding: 60px 60px 40px; }
}

@media (min-width: 1025px) {
    .fx-block--bg-content-half { padding: 80px 0; }
}