.masonry-grid{
    box-sizing: border-box;
}

.masonry-ratio-img{
    width:100%;
    height:auto;
    display:block;
    opacity:0;
}
.masonry-rnd-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position: center center;
}
.m-grid-sizer{
    width:25%;
}
.masonry-grid-item{
    box-sizing: border-box;
    overflow:hidden;
    width:25%;
    background-color:#000000;
    float:left;
}
.masonry-grid-item .gw-content h3{
    color: inherit;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: Manrope;
    padding-bottom: 0px;
}

.masonry-grid-item .gw-content p{
    color: inherit;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    font-style: normal;
}


.masonry-grid-item .gw-content{
    color:#FFFFFF;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10%;
    bottom: 30px;
    background-color:transparent;
}

.gw-link{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* 2 columns */
.square_big { width: 50%; }
.square_small { width: 25%; }

@media only screen and (max-width: 640px) {
    .square_big { width: 100%; }
    .square_small { width: 100%; }

  }

@media only screen and (min-width:641px) and ( max-width: 1000px) {
    .square_big { width: 100%; }
    .square_small { width: 50%; }

}
  

  