.home-hero-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    position: relative;
}
.home-hero-img {
    position: absolute;
    top:0; left:0;
    width: 100%;
    height: 100%;
}
.home-hero-img:before {
    content: '';
    position: absolute;
    z-index: 1;
    top:0; left:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.27) 37.98%, rgba(0, 0, 0, 0.60) 100%) no-repeat;
    background-size: cover
}
.home-hero-img img {
    position: absolute;
    top:0; left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-hero-block .container {
    z-index:2;
}
.home-hero-block-content {
    position: relative;
    width: 90%;
    max-width: 50rem;
    color: #fff;
    z-index: 2;
}
.h1.home-hero-block-title {
    color:#fff
}
.home-hero-text, .home-hero-buttons {
    opacity:0
}
.home-hero-block-content .home-hero-text {
    color: var(--brand);
    margin-bottom: 1.5rem;
}
.home-hero-block-content .home-hero-text a {
    color: var(--brand);
    text-decoration: underline;
}
.home-hero-block-content .home-hero-block-title {
    margin: 0 0 1rem;
}
.home-hero-buttons {
    margin: 1rem -.5rem 0
}
.home-hero-buttons > * {
    margin: 1rem .5rem 0
}
@media (max-width:991px) {
    .home-hero-block {
        min-height: 50vh;
    }
}
@media (min-width:992px) {
    .home-hero-block {
        max-height: 67.5rem;
        height: calc(100vh - 3.75rem);
    }
}

@media (max-width:767px) {
    .home-hero-buttons > .button {
        width: auto
    }
    .home-hero-buttons > a.button.transparent-button {
        padding-left: 0!important
    }
}