.separator-presskit {
  padding: 120px 30%;
}

.separator-presskit p {
  margin: 0;
}

.separator-presskit .download-all-container {
  margin-top: 80px;
  text-align: center;
}
.presskit-section {
  margin-top: 80px;
}
.presskit-section h5 {
  margin-bottom: 30px;
}

/* presskit grid */
.presskit-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
  font-family: "Red Hat Display";

  margin-top: 30px;
  margin-bottom: 40px;
}
.presskit-grid-2 {
  grid-template-columns: 1fr 1fr;
}

/* presskit jcard */
.jcard-presskit {
  height: 200px;
  padding: 15px 30px;
  /* border: 1px solid #C0C0C0; */
  border-radius: 15px;

  display: grid;
  align-content: flex-end;

  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.jcard-presskit:hover {
  /* border: 1px solid #C0C0C0;
  background-image: unset !important;
  background: #C0C0C0; */
  transform: scale(1.03);
  cursor: pointer;
  color: white;
}
.jcard-presskit-sm {
  height: auto;
  border: 1px solid #c0c0c0;
}
.jcard-presskit-border {
  border: 1px solid #c0c0c0;
}
.jcard-presskit-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: black;
  opacity: 0.5; */
  background: linear-gradient(180deg, rgb(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.jcard-presskit-content {
  z-index: 3;
}

/* presskit grid utilities */
.grid-row-3 {
  grid-column: span 3;
}
.grid-row-2 {
  grid-column: span 2;
}
.border-0 {
  border: unset;
}

/* presskit grid v1 */
.presskit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 18px;
  font-family: "Red Hat Display";

  margin-top: 30px;
}
.presskit-box {
  display: grid;
  gap: 8px;
}
.presskit-inner-mt {
  margin-top: 30px;
}

p.presskit-detail {
  font-size: 14px;
}

/* ---------- MEDIA QUERIES ---------- */

@media (max-width: 1600px) {
  .separator-presskit {
    padding: 120px 25%;
  }
}
@media (max-width: 1200px) {
  .separator-presskit {
    padding: 120px 20%;
  }
}
@media (max-width: 997px) {
  /* presskit grid */
  .presskit-grid-3 {
    grid-template-columns: 1fr 1fr;
  }
  /* presskit grid utilities */
  .grid-row-3 {
    grid-column: span 2;
  }
}
@media (max-width: 650px) {
  .separator-presskit {
    padding: 120px 15%;
  }
}
@media (max-width: 576px) {
  .separator-presskit {
    padding: 120px 10%;
  }
}
@media (max-width: 450px) {
  .separator-presskit {
    padding: 120px 30px;
  }
  /* presskit grid */
  .presskit-grid-3 {
    grid-template-columns: 1fr;
  }
  .grid-row-3 {
    grid-column: auto;
  }
}
@media (max-width: 400px) {
  /* presskit jcard */
  .jcard-presskit {
    padding: 15px 15px;
    height: auto;
  }
  .jcard-presskit:not(.jcard-presskit-modal):not(.jcard-presskit-sm) {
    height: 250px;
  }
}
@media (max-width: 350px) {
  .separator-presskit {
    padding: 120px 15px;
  }
}