body {
  background-color: #9c44ac;
  padding: 3.5em 8em 0 8em;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  font-family: 'Poppins', sans-serif;
}
header {
  display: flex;
  flex-direction: row;
  flex: 0;
}
main {
  display: flex;
  flex-direction: row;
  flex: 1;
}
main > .mockup {
  flex: 3;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
main > .mockup > img {
  overflow: hidden;
  height: 90vh;
}
main > .content {
  flex: 2;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: white;
}
main > .content > h1 {
  font-size: 55px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}
main > .content > p {
  font-size: 1.3em;
  font-weight: 500;
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
}
main > .content > h1 > strong {
  font-size: 65px;
  color: #fed800;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}
main > .content > p > strong {
  font-weight: 700;
}
main > .content > .buttons {
  display: flex;
  margin: 20px 15px 0px 0px;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
main > .content > .buttons > .app-store > img {
  height: 65px;
}
main > .content > .buttons > .google-play > img {
  height: 100px;
}
header > img {
  height: 4em;
}

@media only screen and (max-width: 600px) {
  body {
    padding: 7vw;
  }

  header {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex: 0;
  }

  main > .mockup {
    display: none;
  }

  main > .content > h1 {
    font-size: 12vw;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
  }

  main > .content > p {
    font-size: 1.3em;
    font-weight: 500;
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
  }

  main > .content > h1 > strong {
    font-size: 13vw;
    color: #fed800;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
  }

  main > .content > p > strong {
    font-weight: 700;
  }

  main > .content > .buttons > .app-store > img {
    height: auto;
    width: 35vw;
  }
  main > .content > .buttons > .google-play > img {
    height: auto;
    width: 45vw;
  }
}
