.body1{
  text-align: center;
  background: linear-gradient(to bottom ,#f5e1bf, #b5680b);
}

.grid1{
  display: grid;
  align-items: center;
  grid-template-areas:
  'o o o o o A B z z z z z'
  'o o o o o A B C C f f f'
  'o o o o o A D D D D D D';
}
.a{grid-area: A;text-align: right;}
.b{grid-area: B;text-align: left; font-family: 'Tahoma';}
.c{grid-area: C;text-align: left; font-family: 'Tahoma'; margin: auto;}
.d{grid-area: D;text-align: left; font-size: 22px;}

.strona{
  text-align: left;
  font-family: 'Tahoma';
  font-size: 70px;
}

.guzik{
  font-size: 24px;
  margin: 20px;
}

@media (max-width: 768px) {
  .grid1 {
    grid-template-areas:
      'A B'
      'C C'
      'D D';
    text-align: center;
  }

  .a, .b, .c, .d {
    text-align: center;
  }

  .strona {
    font-size: 50px;
  }
}