* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
html, body, .main {
  height: 100%;
}
.main {
  padding: 80px;
  display: grid;
  grid-gap: 50px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: 
                        "texto"
                        "imagen"
                        "datos";
  justify-items: center;
  align-items: center;
}
.main h1 {
  font-weight: 300;
  color: #2171B4;
  font-size: 40px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  grid-area: texto;
}
.main img {
  max-width: 370px;
  grid-area: imagen;
}
.main .datos {
  font-size: 24px;
  font-weight: 300;
  grid-area: datos;
  text-align: center;
  color: #333;
}