.branding {
    width: 100%;
    position: relative;
}

.branding-banner img,
.branding-banner video {
    width: 100%;
    display: block;
}

.branding-logo {
    position: absolute;
    left: var(--px-gutter-base);
    bottom: 30px;
    width: 118px;
    z-index: 10;
}

.branding-logo img {
    width: 100%;
    display: block;
}

@media screen and (min-width: 1025px) {
    .branding-logo {
        bottom: auto;
        top: 50%;
        width: 196px;
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 1280px) {
    .branding-logo {
        left: 75px;
    }
}