@media screen and (max-width: 991px){
section#weves-box-part {
    bottom: 50px!important;
}
.waves{height:60px!important;}
 }
section#weves-box-part{bottom: 88px;
position: relative;}
.big-image {
    position: relative;
    text-align: center;
    /* background: #000000 no-repeat fixed center center; */
    background-size: cover;
    margin-bottom: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    background-position-x: center;
    background-position-y: center;
    /* background-attachment: fixed; */
}
.content-box{
    position: relative;
    height: 600px;
}

.waves {
    width: 100%;
    height: 90px;
    margin-bottom: -.6875rem;
    min-height: 3.125rem;
    /*bottom: 120px;*/
    max-height: 5.5rem;
    position: relative;
}
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: rgba(253,253,253,0.7);
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: rgba(253,253,253,0.5);
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: rgba(253,253,253,0.3);
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #f8f9fa;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% {
        transform: translate3d(85px,0,0);
    }
}
/*Shrinking for mobile*/