* {
  box-sizing: border-box;
}

.masonry-container {
    max-width: 1200px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    height: 700px;
    padding-left: 0px;
    margin-bottom: 20px;
}
.masonry-container .masonry-tile{
  position:relative;
  display:block;
    overflow: hidden;
border: 3px solid #ffffff;
}
.full-width-container .masonry-container .masonry-tile{
  border:3px solid #eee;
}
.masonry-container .masonry-tile h2,
.masonry-container .masonry-tile p,
.masonry-container .masonry-tile a.link{
  color:#fff
}
.masonry-container .masonry-tile div{
  position:absolute;
  bottom:0;
  z-index:1;
padding:20px;
    background-image: linear-gradient(180deg, #ffffff00, #2d2926);
    pointer-events: none;
    width:100%;
}
.masonry-container .masonry-tile div .btn,
.masonry-container .masonry-tile div a.link{
pointer-events:all;
}
.masonry-container .masonry-tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position:relative;
  opacity: 0.8;
    transition:1s;
}
.masonry-container .masonry-tile img:hover {
    transform: scale(1.07);
}
.masonry-container.one-card .masonry-tile:nth-child(1){
  width: 100%;
  height: 100%;
  background-color: #000000;
}

/****** Separator ******/

.masonry-container.two-card .masonry-tile:nth-child(1){
  width: 50%;
  height: 100%;
  background-color: #000000;
}

.masonry-container.two-card .masonry-tile:nth-child(2){
  width: 50%;
  height: 100%;
  background-color: #000000;
}

/****** Separator ******/

.masonry-container.three-card .masonry-tile:nth-child(1){
  width: 50%;
  height: 100%;
  background-color: #000000;
}

.masonry-container.three-card .masonry-tile:nth-child(2){
  width: 50%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.three-card .masonry-tile:nth-child(3){
  width: 50%;
  height: 50%;
  background-color: #000000;
}

/****** Separator ******/

.masonry-container.four-card .masonry-tile:nth-child(1){
  width: 50%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.four-card .masonry-tile:nth-child(2){
  width: 50%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.four-card .masonry-tile:nth-child(3){
  width: 50%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.four-card .masonry-tile:nth-child(4){
  width: 50%;
  height: 50%;
  background-color: #000000;
}

/****** Separator ******/

.masonry-container.five-card .masonry-tile:nth-child(1){
  width: 33.33%;
  height: 100%;
  background-color: #000000;
}

.masonry-container.five-card .masonry-tile:nth-child(2){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.five-card .masonry-tile:nth-child(3){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.five-card .masonry-tile:nth-child(4){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.five-card .masonry-tile:nth-child(5){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

/****** Separator ******/

.masonry-container.six-card .masonry-tile:nth-child(1){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.six-card .masonry-tile:nth-child(2){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.six-card .masonry-tile:nth-child(3){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.six-card .masonry-tile:nth-child(4){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

.masonry-container.six-card .masonry-tile:nth-child(5){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}
.masonry-container.six-card .masonry-tile:nth-child(6){
  width: 33.33%;
  height: 50%;
  background-color: #000000;
}

/****** Separator ******/

.masonry-container.nine-card .masonry-tile:nth-child(1){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}

.masonry-container.nine-card .masonry-tile:nth-child(2){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}

.masonry-container.nine-card .masonry-tile:nth-child(3){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}

.masonry-container.nine-card .masonry-tile:nth-child(4){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}

.masonry-container.nine-card .masonry-tile:nth-child(5){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}
.masonry-container.nine-card .masonry-tile:nth-child(6){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}
.masonry-container.nine-card .masonry-tile:nth-child(7){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}
.masonry-container.nine-card .masonry-tile:nth-child(8){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}
.masonry-container.nine-card .masonry-tile:nth-child(9){
  width: 33.33%;
  height: 33.33%;
  background-color: #000000;
}


/******
MOBILE RESPONSIVE
******/

.phone .masonry-container {
    flex-direction: row;
    height: auto;
}

.phone .masonry-container.one-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

/****** Separator ******/

.phone .masonry-container.two-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

.phone .masonry-container.two-card .masonry-tile:nth-child(2){
  width:100%;
  height:300px;
}

/****** Separator ******/

.phone .masonry-container.three-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

.phone .masonry-container.three-card .masonry-tile:nth-child(2){
  width:100%;
  height:300px;
}

.phone .masonry-container.three-card .masonry-tile:nth-child(3){
  width:100%;
  height:300px;
}

/****** Separator ******/

.phone .masonry-container.four-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

.phone .masonry-container.four-card .masonry-tile:nth-child(2){
  width:100%;
  height:300px;
}

.phone .masonry-container.four-card .masonry-tile:nth-child(3){
  width:100%;
  height:300px;
}

.phone .masonry-container.four-card .masonry-tile:nth-child(4){
  width:100%;
  height:300px;
}

/****** Separator ******/

.phone .masonry-container.five-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

.phone .masonry-container.five-card .masonry-tile:nth-child(2){
  width:100%;
  height:300px;
}

.phone .masonry-container.five-card .masonry-tile:nth-child(3){
  width:100%;
  height:300px;
}

.phone .masonry-container.five-card .masonry-tile:nth-child(4){
  width:100%;
  height:300px;
}

.phone .masonry-container.five-card .masonry-tile:nth-child(5){
  width:100%;
  height:300px;
}

/****** Separator ******/

.phone .masonry-container.six-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

.phone .masonry-container.six-card .masonry-tile:nth-child(2){
  width:100%;
  height:300px;
}

.phone .masonry-container.six-card .masonry-tile:nth-child(3){
  width:100%;
  height:300px;
}

.phone .masonry-container.six-card .masonry-tile:nth-child(4){
  width:100%;
  height:300px;
}

.phone .masonry-container.six-card .masonry-tile:nth-child(5){
  width:100%;
  height:300px;
}
.phone .masonry-container.six-card .masonry-tile:nth-child(6){
  width:100%;
  height:300px;
}

/****** Separator ******/

.phone .masonry-container.nine-card .masonry-tile:nth-child(1){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(2){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(3){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(4){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(5){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(6){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(7){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(8){
  width:100%;
  height:300px;
}

.phone .masonry-container.nine-card .masonry-tile:nth-child(9){
  width:100%;
  height:300px;
}

/* CSS Fallback from Modernizr */

.ie .masonry-tile.compat-object-fit {
    background-size: cover;
    background-position: center;
}
.ie .masonry-tile.compat-object-fit img {
    opacity: 0;
}
.ie .flexItem.tile.OSInline .tileImage{
overflow:hidden;
}

.ie .masonry-container .masonry-tile div{
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.63) 63%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}