.hp-banner-content {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        height: 100%;
        padding: 2%;
    }

    .hp-banner-content .c-hero__content-details {
        width: 35%;
    }

    .hp-banner-content .align-left {
        float: left;
        left: 0%;
    }
    .hp-banner-content .align-center {
        margin-left: auto;
        margin-right: auto;
        float: unset;
        margin: 0 auto;
        right: 0%;
        left: 0%;
    }

    .hp-banner-content .align-right {
        float: right;
        right: 0%;
    }

    .hp-banner-content .txt-left {
        text-align: left;
    }
    .hp-banner-content .txt-center{
        text-align: center;
    }
    .hp-banner-content .txt-right {
        text-align: right;
    }
    .hp-banner a:hover {
        text-decoration: none;
    }

    @media screen and (min-width: 63.9375em) {
        .hp-banner-content {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
        }
    }

    @media screen and (max-width: 768px) {
        .hp-banner-content {
            position: relative;
            top: 0%;
            -ms-transform: unset;
            transform: unset;
            padding: 2%;
        }

        .hp-banner-content .c-hero__content-details {
            text-align: center!important;
            width: 100%!important;
        }

    }