.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    color: #fff;
    height: 350px;
    background-color: var(--blue);
    background-size: cover !important;
    z-index: 0;
    position: relative;
}

.homepage .hero {
    height: 720px;
    justify-content: center;
    background: var(--blue) url('/assets/img/hp-unicapool.jpg') center 35% no-repeat;
}

.waves.hero {
    background: var(--blue) url('/assets/img/pool-water-background.jpg') center center no-repeat;
}

.hero:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 31, 50, .4);
    z-index: -1;
}

.homepage .hero:after {
    background: linear-gradient(0deg, rgba(23,31,40,0) 70%, rgba(23,31,50,0.6) 100%);
}

.tecnologie.hero:after, .waves.hero:after {
    background: rgba(25, 31, 50, .2);
}

.homepage .hero .title {
    color: var(--dark-blue);
    background: white;
    padding: 0 1rem;
}

@media screen and (max-width: 991px) {
    .homepage .hero {
        height: 420px;
        position: relative;
    }

    .homepage .hero .hero-head {
        position: absolute;
        bottom: -135px;
    }

    .homepage .hero .title {
        font-size: 40px;
        color: var(--dark-blue);
        text-shadow: none;
        background: none;
    }

    .hero.waves .title {
        font-size: 40px;
    }

    .hero.waves {
        height: 280px;
    }
}