.hero-banner .hero-content {
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    line-height: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0 solid red;
}

.hero-banner .hero-content h1 {
    color: white;
}