body {
  background-color: #babaac;
  text-align: center;
}

a {
  text-decoration: none;
  color: inherit;
}

.publications-section div.publication-container:last-of-type {
  margin-bottom: 475px;
}

.publications-section {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  /* width: 98vw;
  position: relative;
  left: 1vw; */
  gap: 49px;
  margin-top: 80px;
  margin-bottom: 25px;
}

.publication-container {
  margin-bottom: 0px;
}

.publication-container > div:first-of-type {
  height: 668px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

/* .publication-container > div:first-of-type img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
} */

.publications-section img {
  max-width: 440px;
  max-height: 668px;
}

.publications-titles {
  margin-top: 40px;
}

.leipziger-title {
  font-family: jaf-lapture-display;
  font-size: 32px;
  line-height: 32.4px;
}

.editorial-title {
  font-family: EditorialNew;
  font-size: 45px;
  font-weight: 200;
  line-height: 45.1px;
  margin-top: 4px;
  margin-bottom: -4px;
}

.info {
  margin-top: 40px;
  font-family: jaf-lapture-display;
  font-size: 32px;
  line-height: 40px;
  max-width: 473px;
  display: flex;
  justify-content: center;
}

.info p {
  max-width: 441px;
}

.look-inside {
  margin-top: 40px;
  position: relative;
  left: calc(50% - 90px);
  border-radius: 30px;
  border: solid 1px #242424;
  font-family: jaf-lapture-display;
  font-size: 29px;
  line-height: 50px;
  color: #000000;
  width: 180px;
}

@media only screen and (max-width: 1530px) {
  .publications-section {
    grid-template-columns: auto auto;
    gap: 100px;
  }
}

@media only screen and (max-width: 1050px) {
  .publications-section {
    grid-template-columns: auto;
    margin-top: 46px;
    gap: 0px;
  }

  .publications-section img {
    max-height: 454px;
  }

  .publication-container {
    margin-bottom: 103.1px;
  }

  .publication-container > div:first-of-type {
    height: initial;
  }

  .publications-titles {
    margin-top: 14px;
  }

  .leipziger-title {
    line-height: 30px;
  }

  .editorial-title {
    font-size: 39px;
    line-height: 35.4px;
    line-height: 43px;
    letter-spacing: -1.08px;
    /* margin-top: 3px; */
  }

  .info {
    margin-top: 14px;
    font-size: 21px;
    line-height: 28.7px;
  }

  .info p {
    max-width: 336px;
  }

  .look-inside {
    margin-top: 20px;
    left: calc(50% - 64.5px);
    font-size: 21px;
    line-height: 35px;
    color: #000000;
    width: 129px;
  }
}

@media only screen and (max-width: 320px) {
  .info p {
    max-width: 290px;
  }

  .publications-section img {
    max-width: 290px;
  }
}

@media only screen and (max-width: 290px) {
  .info p {
    max-width: 270px;
  }

  .publications-section img {
    max-width: 270px;
  }
}