Vertically centre a block of unknown height

.hero { position: relative; }

.hero__inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}