main {
  display: grid;

  grid-template-columns: 1fr;

  font-size: 60%;

  padding-top: 2em;

  align-content: center;
}

section {
  display: block;

  padding: 6em 3em 1em 3em;
  box-sizing: border-box;

}

section h1{
  text-align: center;
}

section img{
  width: 100%;

  border: 5px solid var(--kpalette-dpink);
  border-radius: 10px;
}

section li {
  padding-bottom: .75em; 
}

@media screen and (max-width: 600px) {
  section:nth-child(1){
    padding-top: 0;
  }

  main > h1 {
    text-align: center;
    padding: 3em;
  }
}

@media screen and (min-width: 675px) {
  main > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr min-content;
  }

  main {
    font-size: 100%;
  }

  main > h1 {
    text-align: center;
  }
}