.block.magazine_links {
  max-width: var(--max-container-width);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: auto;
}

.block.magazine_links .magazine_link {
  padding: 20px;
  position: relative;
  margin: 20px;
  float: left;
  width: calc(var(--max-container-width) / 2 - 40px);
}
.block.magazine_links .magazine_link.has_photo {
  margin-bottom: 400px;
}
@media(max-width: 991px) {
  .block.magazine_links .magazine_link {
    width: auto;
  }
}
.block.magazine_links .magazine_link > div {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;

}
.block.magazine_links .magazine_link div.title h2 {
  color: white !important;
  font-size: 30px !important;
}

.block.magazine_links .magazine_link div.description {
  color: var(--color-grey);
}

.block.magazine_links .magazine_link div.footer {
  margin-top: 50px;
}

.block.magazine_links .magazine_link div.image.mobile-hide {
  right: 20px;
  position: absolute;
  height: 300px;
  overflow: hidden;
  margin-top: -60px;
}

.mobile-show {
  display: none;
}



.block.magazine_links .magazine_link:nth-child(2n+1) {
  background-color: var(--color-blue);
}
.block.magazine_links .magazine_link:nth-child(2n+2) {
  background-color: var(--color-yellow);
}

.block.magazine_links div.image.mobile-show img {
  height: auto;
}

/** lg (for large screens - screens greater than 1200px wide) **/
@media (min-width: 1200px) {
  :root {
    --max-container-width: 1140px;
  }
}
/** md (for small laptops - screens equal to or greater than 992px wide) **/
@media (min-width: 991px) and (max-width: 1199px) {
  :root {
    --max-container-width: 900px;
  }
}
/** sm (for tablets - screens equal to or greater than 768px wide) **/
@media (min-width: 768px) and (max-width: 990px) {
  :root {
    --max-container-width: 740px;
  }

  .block.magazine_links {
    flex-direction: column;
    text-align: center;
  }

  .block.magazine_links .mobile-hide {
    display: none;
  }

  .block.magazine_links .mobile-show {
    display: unset !important;
  }
  
  .block.magazine_links .magazine_link {
    margin-bottom: 40px;
  }
  
}

/** xs (for phones - screens less than 768px wide) **/
@media (max-width: 767px) {
  :root {
    --max-container-width: 100vw;
  }

  .block.magazine_links {
    flex-direction: column;
    text-align: center;
  }

  .block.magazine_links .mobile-hide {
    display: none;
  }

  .block.magazine_links .mobile-show {
    display: unset !important;
  }
  
  .block.magazine_links .magazine_link {
    margin-bottom: 40px;
  }
  
}