﻿.lista .textblock { display: flex; justify-content: space-around; width: 1280px; max-width: 100%; margin: 0 auto; }
    .lista .textblock.L { flex-flow: row-reverse; }
    .lista .textblock .item img { width: 100%; }
    .lista .textblock .item { margin: 10px; font-size: 14px; flex-basis: 50%; flex: 1; }

@media all and (min-width: 737px) and (max-width: 1279px) {
    .lista .textblock { display: flex; justify-content: space-around; width: 737px; max-width: 100%; margin: 0 auto; }
        .lista .textblock.L { flex-flow: row-reverse; }
        .lista .textblock .item img { width: 100%; }
        .lista .textblock .item { margin: 10px; font-size: 14px; flex-basis: 50%; flex: 1; }
}

@media all and (max-width: 736px) {
    .lista .textblock { max-width: 100%; margin: 0 auto; flex-wrap: wrap; }
        .lista .textblock.L { flex-flow: row-reverse; }
        .lista .textblock .item { margin: 10px; font-size: 14px; flex-basis: 100%; }
            .lista .textblock .item img { width: 100%; }
}


/*# IMAGEWALL #######################################################*/
.image_wall {
    width: 100%;
    position: relative;
}

    .image_wall .copy {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        box-sizing: border-box; /**/
        background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );
    }

        .image_wall .copy p {
        }

    .image_wall .immagini {
        width: 100%;
    }

        .image_wall .immagini img {
            display: block;
            width: calc(100%/4);
        }