@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

html, body {
  font-family: 'Open Sans', sans-serif;
  background-color: #445566;
  color: white;
  height: 100%;
  font-size: 24px;
}

@media only screen and (max-width: 1024px) {
  html, body {
    font-size: 36px;
  }
}

a {
  text-decoration: none;
  color: white;
}

h1 {
  margin-bottom: 0;
}

p {
  margin-top: 0;
}

.wrapper {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 10px;
  grid-template-areas: 
    ". . . . . ."
    ". a a a a ."
    ". . . . . .";
}

.inner {
  grid-area: a;
  align-self: center;
  justify-self: center;
  text-align: center;
}

.light {
  font-weight: 300;
}

.name {
  font-weight: 400;
}