.container-hero {
    padding: 88px 20px 40px;
    /*background: -webkit-linear-gradient(bottom, var(--primary-color-degraded), transparent 80%);*/
    /*background-color: ;*/
    background-image: url('../img/hero-2.jpg'), linear-gradient(0deg, var(--primary-color-degraded), transparent 80%);
    /*width: 100%;*/
    background-size: cover;
    color: #fff;
    height: 100vh;
    /*background-position: top center;*/

    @media (max-width: 992px) {
        background-image: url('../img/hero-2-mobile.jpg'), linear-gradient(0deg, var(--primary-color-degraded), transparent 80%);
    }

    h1 {
        text-shadow: rgba(0, 0, 0, 1) 0px 5px 15px
    }
}

.container-hero .form-control {
    border: 0;
}

.bg-hero {
    margin-bottom: 30px;
    @media (max-width: 992px) {
        margin-bottom: 0px;
    }
}