.reg-header {
    position: relative;
    overflow: hidden
}
    .reg-header .reg-header-cover {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }
        .reg-header .reg-header-cover:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom,rgba(32,37,42,.25) 50%,#20252a 100%)
        }

    .reg-header .reg-header-content {
        color: #fff;
        padding: 0px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

@media (max-width:767.98px) {
    .reg-header .reg-header-content {
        padding: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.reg-header .reg-header-img {
    float: left;
    width: 180px;
    height: 180px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin: 24px;
    padding: 3px;
    background: #fff;
    border-radius: 4px
}

@media (max-width:767.98px) {
    .reg-header .reg-header-img {
        margin: 12px;
        width: 120px;
        height: 120px
    }
}

.reg-header .reg-header-img + .reg-header-info {
    margin-left: 20px
}

@media (max-width:767.98px) {
    .reg-header .reg-header-img + .reg-header-info {
        margin-left: 20px
    }
}

.reg-header .reg-header-img img {
    max-width: 100%
}

.reg-header .reg-header-info .h4, .reg-header .reg-header-info h4 {
    font-weight: 600;
    color: #fff
}