/* CSS HEX *
    --cultured: #f2f2f2;
    --medium-candy-apple-red: #df1a2d;
    --bordeaux: #95010f;
    --gainsboro: #dddddd;
    --eerie-black: #191919;


     SCSS RGB
    $cultured: rgba(242, 242, 242, 1);
    $medium-candy-apple-red: rgba(223, 26, 45, 1);
    $gainsboro: rgba(221, 221, 221, 1);
    $eerie-black: rgba(25, 25, 25, 1);

    TITOLI SPECIALI  font-family: 'Scarecrow';
    TITOLI H1-H6     font-family: 'Poppins';
    BODY P A         font-family: 'Raleway';
    */
    .ultime-gallery {
        position: relative;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
    .ultime-gallery .vertical-red {
        background-color: #df1a2d;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 30%;
        top: -40%;
        width: 2px;
        height: 20rem;
        z-index: -1;
    }
    .ultime-gallery .orizontal-red {
        background-color: #df1a2d;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        height: 2px;
        width: 60vw;
        z-index: -1;
    }

    .ultime-gallery .row-gallery {
        justify-content: space-around;
    }
    .ultime-gallery .row-gallery .gallery-box1{
        min-height: 21rem;
        background-image: url(../img/gallery/gallery1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        border:3px solid #df1a2d;
    }
    .ultime-gallery .row-gallery .gallery-box1 .darker {
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 25, 0.8);
        position: absolute;
        transition: 0.3s ease;
    }
    .ultime-gallery .row-gallery .gallery-box1 h4 {
        text-transform: uppercase;
        font-family: 'Poppins';
        color: #f2f2f2;
        text-align: center;
        margin-bottom: 0;
        position: absolute;
        left: 50%;
        top:45%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }
    .ultime-gallery .row-gallery .gallery-box1 h1 {
        font-family: 'Scarecrow';
        color: #f2f2f2;
        text-align: center;
        position: absolute;
        left: 50%;
        top:55%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }

    .ultime-gallery .row-gallery .gallery-box2{
        min-height: 21rem;
        background-image: url(../img/gallery/gallery2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        border:2px solid #dddddd;
        filter:brightness(0.5);
        transition: 0.3s ease;
    }


    .ultime-gallery .row-gallery .gallery-box3{
        min-height: 21rem;
        background-image: url(../img/gallery/gallery3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        border:2px solid #dddddd;
        filter:brightness(0.5);
        transition:all 0.3s ease;
    }
    .ultime-gallery .row-gallery .gallery-box2:hover,
    .ultime-gallery .row-gallery .gallery-box3:hover {
        cursor: pointer;
        filter: none;
    }