body {
  margin: 0 auto;
  padding: 0;
  height: 100vh;
  background-image: url("../img/frankie-mobile.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom; }
  body .text {
    margin: 0 auto;
    padding-top: 3vh;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    text-align: center; }
    body .text h2 {
      font-size: 26px;
      color: #15c96a;
      line-height: 5px; }
    body .text p {
      font-size: 16px;
      color: #a7a9ac;
      padding: 0 20%; }

@media screen and (min-width: 370px) {
  body {
    background-image: url("../img/frankie-400.jpg"); }
    body .text h2 {
      font-size: 30px; }
    body .text p {
      font-size: 20px; } }
@media screen and (min-width: 600px) {
  body {
    background-image: url("../img/frankie-tablet.jpg"); } }
@media screen and (min-width: 999px) {
  body {
    background-image: url("../img/frankie-desktop.jpg"); }
    body .text {
      padding-top: 5%;
      max-width: 600px; }
      body .text h2 {
        font-size: 60px;
        line-height: 20px; }
      body .text p {
        font-size: 28px;
        padding: 0; } }

/*# sourceMappingURL=style.css.map */