.contact-banner .container,
.contact-banner .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.font-play{
   font-family: "Playfair Display", serif;
}

.journal-cover-banner {
  background-blend-mode: overlay; 
}
.banner-text{
  width: 38%;
}

@media screen and (max-width:575.98px) {
  #middleColumn{
    min-width: 300px !important;
  }
  .banner-text{
    width: 90% !important;
  }
}

@media (max-width: 767.98px) {
   .journal-cover-banner #middleColumn > .grid-item {
        flex: 0 0 30% !important;
        max-width: 50% !important;
    }
  .middlebox{
    padding:20px 0px !important;
  }
  .banner-text{
    width: 75%;
  }
}