.hero-solid {
    padding: 340px 0 300px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--bg-hero-solid);
    background-size: cover;
    background-position: center;
    color: #f4f4f4;
    text-align: center;
}

.hero-solid h1 {
    color: #f4f4f4;
    font-size: 3.5rem;
    line-height: 4.5rem;
}

.hero-buttons {
    margin-top: 70px;
}

.hero-buttons .btn {
    margin: 0 15px;
}