@media (min-width: 800px) {
  .grid_1-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .grid_5-3 {
    display: grid;
    grid-template-columns: 5fr 3fr;
    grid-auto-rows: auto;
    gap: 10px;
  }

  .grid_2-3 {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-column: 1/2;
    grid-row: 1/2;
    gap: 10px;
  }

  .grid_3-2 {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-column: 1/2;
    grid-row: 2/3;
    gap: 10px;
  }

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

  .order {
    order: -1;
  }

  .tablets {
    grid-row: span 2;
  }

  .grid_1-1-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }

  .grid_1-1-1-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .grid_1-1-1-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .img1 {
    grid-column: 1/3;
    grid-row: 1/3;
  }

  .img2 {
    grid-column: 3/5;
    grid-row: 2/3;
  }

  .img5 {
    grid-column: 2/5;
    grid-row: 3/4;
  }

  .flex_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .flex_col:last-child {
    align-self: flex-end;
  }

  .gallerytext {
    max-width: 65ch;
  }

  body {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }

  body > :last-child {
    margin-top: auto;
  }
}

.grid_1-1-1-1 img {
  border-radius: 10px;
}