/**
*
*  Content Block 131
*  image row, 3 different layouts
*  Container
*
**/

/*======= 320  padding l,r  15  = 290 ===*/
.c131 {
    margin-bottom: 30px;
}

.c131 img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.c131 h2 {
    margin-bottom: 15px;
}

.c131 h3 {
    margin-top: 0;
}

/*======= 576 ========= MEDIA QUERIES ======= Rand 15 = 546 ===*/

@media only screen and (min-width: 576px) {}

/*======= 768========= MEDIA QUERIES ======== Rand 15 = 738 ===*/

@media only screen and (min-width: 768px) {
    .c131 figure {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .c131 .even img {
        width: 31.83857%;
        /*426 at 1338*/
    }

    /*make the big container bigger so it fits to the small ones in hight*/
    .c131 .leftColBig,
    .c131 .rightColBig {
        width: 65.91928%;
        overflow: hidden;
    }

    /*make the img bigger in the big container so it fills the space*/
    .c131 .leftColBig img,
    .c131 .rightColBig img {
        margin-bottom: 0;
        width: 102%;
    }

    .c131 .rightColSmall,
    .c131 .leftColSmall {
        width: 31.83857%;
        /*426 at 1338*/
    }

    /*adjusting the horizontal white space in % according to the full viewport*/
    .c131 img {
        margin-bottom: 2.14592vw;
        /*30 at 1398 - % of the viewport width*/
    }


}

/*======= 990 ======== MEDIA QUERIES ======== Rand 15 = 960 ===*/

@media only screen and (min-width: 990px) {}

/*======= 1398 ======= MEDIA QUERIES ======== Rand 30 = 1338 ==*/

@media only screen and (min-width: 1398px) {
    .c131 {
        margin-bottom: 120px;
    }

    .c131 h2 {
        margin-bottom: 15px;
    }

    .c131 h3 {
        margin-top: 0;
        margin-bottom: 80px;
    }

    .c131 img {
        margin-bottom: 30px;
        /*fix from here in relation to viewport*/
    }

    .c131 .leftColBig,
    .c131 .rightColBig {
        height: 600px;
    }

}


/*END-content-block 131*/