.header-content {
    width: 100%;
    text-align: center;
    position: relative;
    -ms-background-size: cover;
    background-size: cover;
    -ms-background-position: center center;
    background-position: center center;
    margin-left: 1px;
}

    .header-content > .header-text {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
    }

        .header-content > .header-text h1,
        .header-content > .header-text h2,
        .header-content > .header-text p {
            margin: 0 auto 0 auto;
        }

@media screen and (max-width : 768px) {
    .header-content-container-inner {
        width: 95%;
    }
}

@media screen and (min-width : 768px) {
    .header-content-container-inner {
        width: 50%;
    }
}