header,.banner{display: flex}
header img{border-radius: 0}
main>header hgroup{text-align: center}

.banner{
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    min-height: 62vh;
    min-height: min(100vmin,62vh);
    padding: 1em 0;
    background: #000;
    justify-content: center;
    align-items: flex-end}

.banner figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: .8}

.banner hgroup{
    position: relative;
    z-index: 2;
    color: #fff}

.banner img{height: 100%}

.response{
    flex-wrap: wrap;
    align-items: center;
    padding: 0}

.response .video-container>div{width: auto}

.response>*{
    flex:1 1 48ch;
    margin: 0}

.response hgroup{
    padding:1em;
    order: 2}

.response figure+*{
    padding:1.618em 1em;
    text-align: center}

.response p{font-size: var(--h4,1.08em)}