body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif; }

body {
  min-height: 100vh;
  background: url("../img/bg.jpg") no-repeat;
  background-size: cover; }
  @media (max-width: 640px) {
    body {
      background-position: -1300px; } }

.footer {
  margin-top: auto;
  padding: 2em 0;
  color: #fff; }
  @media (max-width: 960px) {
    .footer {
      text-align: center; } }
  .footer a {
    color: #fff;
    font-weight: 100; }
    .footer a h3 {
      margin: 0;
      color: #fff;
      font-size: 1.5em;
      margin-bottom: -0.8em; }
  .footer p {
    font-size: 0.8em;
    font-weight: 100; }
    .footer p.footer-legal {
      margin-top: 2.2em;
      text-align: right; }
      @media (max-width: 960px) {
        .footer p.footer-legal {
          margin-top: 1em;
          text-align: center; } }

.home {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .home * {
    box-sizing: border-box; }
  .home .header {
    padding: 3em 0; }
  .home .content .content-container {
    display: flex; }
    @media (max-width: 960px) {
      .home .content .content-container {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    @media (max-width: 960px) {
      .home .content .content-container img.phone {
        margin-bottom: 2em; } }
    @media (max-width: 960px) {
      .home .content .content-container img {
        margin: 0 auto;
        display: block; } }
    .home .content .content-container .sub-content {
      margin-bottom: 3em;
      margin-left: 2em;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .home .content .content-container .sub-content p.tagline {
        color: #fff;
        font-size: 3.5em;
        font-weight: 100;
        text-transform: uppercase;
        line-height: 1.2; }
        @media (max-width: 960px) {
          .home .content .content-container .sub-content p.tagline {
            text-align: center; } }
        .home .content .content-container .sub-content p.tagline span {
          display: block;
          font-size: 1.5rem; }
      .home .content .content-container .sub-content .store-links a {
        margin: 0.5em 2em 0.5em 0;
        display: inline-block; }
        @media (max-width: 960px) {
          .home .content .content-container .sub-content .store-links a {
            display: block; }
            .home .content .content-container .sub-content .store-links a img {
              max-width: 180px;
              margin: 0 auto;
              display: block;
              margin-bottom: 1em; } }

/*# sourceMappingURL=main.min.css.map */