/* section#landscape {
  padding: inherit;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background-color: #111;
}

.grid-container>div {
  background-color: #111;
  text-align: center;
  font-size: 30px;
  margin: 5px;
}

.alpha1 {
  grid-row: 1 / 1;
  grid-column: 1 / 2;
}

.alpha2 {
  grid-row: 1 / 1;
  grid-column: 4 / 5;
}

.alpha3 {
  grid-row: 1 / 3;
  grid-column: 2 / span 2;
}

.alpha4 {
  grid-row: 2 / 2;
  grid-column: 1 / 1;
}

.alpha5 {
  grid-row: 2 / 2;
  grid-column: 4 / 5;
}

.alpha6 {
  grid-row: 1 / 3;
  grid-column: 5 / 7;
}

.beta1 {
  grid-row: 3 / 6;
  grid-column: 1 / 3;
}

.beta2 {
  grid-row: 3 / 4;
  grid-column: 3 / 4;
}

.beta3 {
  grid-row: 4 / 5;
  grid-column: 3 / 4;
}

.beta4 {
  grid-row: 3 / 4;
  grid-column: 4 / 5;
}

.beta5 {
  grid-row: 4 / 5;
  grid-column: 4 / 5;
}

.beta6 {
  grid-row: 3 / 5;
  grid-column: 5 / 7;
}

.gamma1 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

.gamma2 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}

.gamma3 {
  grid-row: 1 / 3;
  grid-column: 2 / 4;
}

.gamma4 {
  grid-row: 1 / 3;
  grid-column: 4 / 6;
}

.gamma5 {
  grid-row: 1 / 2;
  grid-column: 6 / 7;
}

.gamma6 {
  grid-row: 2 / 2;
  grid-column: 6 / 7;
}

.delta1 {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}

.delta2 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}

.delta3 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}

.delta4 {
  grid-row: 1 / 3;
  grid-column: 3 / 5;
}

.delta5 {
  grid-row: 1 / 2;
  grid-column: 5 / 6;
}

.delta6 {
  grid-row: 1 / 2;
  grid-column: 6 / 7;
}

.delta7 {
  grid-row: 2 / 2;
  grid-column: 5 / 7;
}

.epsilon1 {
  grid-row: 1 / 3;
  grid-column: 1 / 5;
}

.epsilon2 {
  grid-row: 1 / 2;
  grid-column: 5 / 6;
}

.epsilon3 {
  grid-row: 1 / 2;
  grid-column: 6 / 7;
}

.epsilon4 {
  grid-row: 2 / 3;
  grid-column: 5 / 7;
}

.zeta1 {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}

.zeta2 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}

.zeta3 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}

.zeta4 {
  grid-row: 1 / 3;
  grid-column: 3 / 7;
}

@media (min-width: 2540px) {}

@media (max-width: 500px) {} */
