.wrapper {
  height: 130vh;
  min-height: 1600px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 30px 180px 140px 370px 90px 160px 60px;
  grid-auto-rows: 220px 180px 60px 320px 340px; 
  border: 0px solid rgba(130, 220, 10, 0.8);
  transform-origin: top left;
  padding-left:5vw;
}
.one {
  grid-column: 2;
  grid-row: 2;
  text-align: right;
}
.two { 
  grid-column: 3 / 6;
  grid-row: 1 / 3;
  z-index: 100;
}
.three {
  grid-column: 4 / 7;
  grid-row: 2 / 5;
  z-index: 200;
}
.four {
  grid-column: 7;
  grid-row: 4;
  text-align: left;
}
.five {
  grid-column: 1;
  grid-row: 5;
  text-align: right;
}
.six {
  grid-column: 2 / 5;
  grid-row: 4 / 6;
  z-index: 100;
}

.wrapper div {
	font-size: 70px;
}

@media screen and (max-width: 1024px) {

.myletter {
	font-size: 50px;
}
.wrapper {
transform: scale(0.75);
}
}

@media screen and (max-width: 800px) {

.myletter {
	font-size: 40px;
}
.wrapper {
transform: scale(0.55);
}
}

@media screen and (max-width: 600px) {

.myletter {
	font-size: 25px;
}
.wrapper {
transform: scale(0.35);
}
}