/**************************/
/* BELOW 1344px (Smaller desktops) */
/**************************/

@media (max-width: 84em) {
  .heading-primary {
    font-size: 4.4rem;
  }
}

/**************************/
/* BELOW 1200px (Landscape Tablets) */
/**************************/

@media (max-width: 75em) {
  html {
    /* 9px / 16px  */
    font-size: 56.25%;
  }
}

/**************************/
/* BELOW 944px (Tablets) */
/**************************/

@media (max-width: 59em) {
  html {
    /* 8px / 16px = 0.5 = 50% */
    font-size: 50%;
  }
}

/**************************/
/* BELOW 704px (Smaller tablets) */
/**************************/

@media (max-width: 44em) {
  .heading-secondary {
    margin-bottom: 4.8rem;
  }

  .mk {
    height: 2rem;
  }

  .grid {
    row-gap: 12.8rem;
  }

  .project-prev-text-box {
    min-height: 0;
  }
}

/**************************/
/* BELOW 544px (Phones) */
/**************************/

@media (max-width: 34em) {
  .grid {
    row-gap: 4.8rem;
  }

  .grid--2-cols {
    grid-template-columns: 1fr;
  }

  .project-prev-img-box:nth-child(4) {
    grid-row: 3;
  }

  .project-prev-img-box:nth-child(8) {
    grid-row: 7;
  }

  .project-prev-img-box:nth-child(12) {
    grid-row: 11;
  }

  .project-prev-img-box:nth-child(14) {
    grid-row: 13;
  }

  .project-prev-img-box:nth-child(16) {
    grid-row: 15;
  }

  .project-prev-img-box:nth-child(18) {
    grid-row: 17;
  }

  .project-prev-img-box:nth-child(20) {
    grid-row: 19;
  }

  .project-prev-img-box:nth-child(22) {
    grid-row: 21;
  }

  .project-prev-img-box:nth-child(24) {
    grid-row: 23;
  }

  .project-prev-img-box:nth-child(26) {
    grid-row: 25;
  }

  .project-prev-img-box:nth-child(28) {
    grid-row: 27;
  }

  .project-prev-text-box {
    padding: 0.9rem 2rem 4.8rem 2rem !important;
    margin-top: -6.4rem;
    margin-left: 4rem !important;
    margin-right: 4rem !important;
    text-align: left !important;
    min-height: 0rem;
    justify-content: flex-start !important;
  }

  .subheading--h3 {
    margin-bottom: 0.8rem;
  }

  .grid--footer {
    grid-template-columns: repeat(3, 1fr);
  }

  .email-col {
    grid-row: 1;
    grid-column: span 3;
  }

  .margin-bottom-xl {
    margin-bottom: 12.8rem !important;
  }

  .flex--flex-start {
    flex-direction: column;
    align-items: unset !important;
  }

  .logo-neustart {
    margin-right: 0 !important;
    margin-top: 4.8rem !important;
  }

  .logo-kunstfonds {
    margin-top: 6.4rem !important;
  }
}

/**************************/
/* BELOW 430px (Small Phones) */
/**************************/

@media (max-width: 26em) {
  .container {
    padding: 0 3.2rem;
  }
  .rotating-portrait {
    width: 80px;
    height: 80px;
  }
  .footer-text,
  .footer-link,
  .footer-heading {
    font-size: 1.25rem !important;
  }
}