.captain {
    background-color: #ffe0f0; /* #ff0080;*/
    background-image: url('../images/shapes/curved1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 50px;
}

.waves {
    position: relative;
    width: 100%;
    height: 10vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
}

.captain-body {
    position: relative;
    z-index: 1;
}

    .captain-body h1 {
        font-size: 4.5em;
        font-weight: 600;
        /*color: #fbe0ff;*/
    }

    .captain-body p.lead {
        color: #fff;
        font-weight: 600;
    }

    .captain-body .shadow {
        height: 1px;
        /*background-color: black;*/
        box-shadow: 0 0 15px 0 #000 !important;
    }

@keyframes f {
    0% {
        transform: translate3d(-90px,0,0)
    }

    to {
        transform: translate3d(85px,0,0)
    }
}

.mask {
    position: absolute;
    background-size: cover;
    background-position: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

.moving-waves > use {
    animation: f 40s cubic-bezier(.55,.5,.45,.5) infinite;
}

    .moving-waves > use:first-child {
        animation-delay: -2s;
        animation-duration: 11s;
    }

    .moving-waves > use:nth-child(2) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .moving-waves > use:nth-child(3) {
        animation-delay: -3s;
        animation-duration: 15s;
    }

    .moving-waves > use:nth-child(4) {
        animation-delay: -4s;
        animation-duration: 20s;
    }

    .moving-waves > use:nth-child(5) {
        animation-delay: -4s;
        animation-duration: 25s;
    }

    .moving-waves > use:nth-child(6) {
        animation-delay: -3s;
        animation-duration: 30s;
    }

.text-gradient.text-primary {
    background-image: linear-gradient(310deg,#28b4ca, #124dbc);
}

.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}

.text-primary {
    color: #124dbc !important;
}

/*rotate test*/
.transform-rotate {
    transform: rotate(20deg);
}