#pageFlottaD {
    display: flex;
    flex-direction: column;
}

#pageFlottaD article {
    min-height: 500px;
    display: flex;
    align-items: stretch;
}

#pageFlottaD .shadow-item {
    display: flex;
    align-items: stretch;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto 350px;
    flex: 1;
    transition: all 0.3s ease;
}

#pageFlottaD .shadow-item .description {
    display: flex;
    align-items: flex-end;
    flex: 1;
    /* background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(10, 0, 52, 0.896796218487395) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(10, 0, 52, 0.896796218487395) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(10, 0, 52, 0.896796218487395) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#0a0034", GradientType=1); */
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(10, 0, 52, 1) 80%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(10, 0, 52, 1) 80%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(10, 0, 52, 1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#0a0034", GradientType=1);

}

#pageFlottaD .shadow-item .description div {
    padding: 10px 20px;
    color: #fff;
    flex: 1;
}

.description{
    margin-bottom: 100px;
    height: 1000px;
    margin-bottom: 0px;
}

@media screen and (min-width:1170px){
    #pageFlottaD .shadow-item {
        background-size: cover;
    }
}
@media screen and (max-width:1170px){
    #pageFlottaD .shadow-item .description {
        height: 700px !important;
        display: flex;
        align-items: flex-end;
        flex: 1;
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(10, 0, 52, 1) 70%);
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(10, 0, 52, 1) 70%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(10, 0, 52, 1) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#0a0034", GradientType=1);    
    }
}
@media screen and (max-width:767px){
    #pageFlottaD .shadow-item .description {
        display: flex;
        align-items: flex-end;
        flex: 1;
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(10, 0, 52, 1) 60%);
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(10, 0, 52, 1) 60%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(10, 0, 52, 1) 60%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#0a0034", GradientType=1);
    }
    #pageFlottaD .shadow-item {
        background-size: auto 300px;
    }
    #pageFlottaD .shadow-item .description h2,
    #pageFlottaD .shadow-item .description p{
        text-align: center;
    }
    #pageFlottaD article:nth-of-type(1) .shadow-item {background-position: 38% 0%; }
    #pageFlottaD article:nth-of-type(2) .shadow-item {background-position: 53% 0%; }
    #pageFlottaD article:nth-of-type(3) .shadow-item {background-position: 90% 0%; }
    #pageFlottaD article:nth-of-type(4) .shadow-item {background-position: 68% 0%; }
    #pageFlottaD article:nth-of-type(5) .shadow-item {background-position: 68% 0%; }
    #pageFlottaD article:nth-of-type(6) .shadow-item {background-position: 56% 0%; }
}