/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: local("Heebo Light"), local("Heebo-Light"), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9ldb6ROkK440A.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: local("Heebo Light"), local("Heebo-Light"), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9ldb6RMkK4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: local("Heebo"), local("Heebo-Regular"), url(https://fonts.gstatic.com/s/heebo/v3/NGS6v5_NC0k9P9H0TbFzsQ.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: local("Heebo"), local("Heebo-Regular"), url(https://fonts.gstatic.com/s/heebo/v3/NGS6v5_NC0k9P9H2TbE.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: local("Heebo Medium"), local("Heebo-Medium"), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9kFbqROkK440A.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: local("Heebo Medium"), local("Heebo-Medium"), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9kFbqRMkK4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9lNaKROkK440A.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9lNaKRMkK4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html {
  box-sizing: border-box;
  font-family: 'Heebo';
  font-size: 16px; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0; }

html {
  font-family: 'Heebo';
  font-size: 16px; }

body {
  background-color: #fcfcfc; }

.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center; }

.logo-wrapper {
  width: 118px;
  margin-top: 60px; }
  .logo-wrapper .logo {
    display: block;
    max-width: 100%;
    max-height: 100%; }

.copy-wrapper {
  border: 1px solid #e3e3e3;
  background-color: #fff;
  border-radius: 6px;
  padding: 12px;
  margin: 12px 20px;
  width: 300px; }
  .copy-wrapper .copy-header {
    margin-top: 0; }
  .copy-wrapper .copy-body {
    padding-left: 20px;
    margin-bottom: 0; }

.button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .button-wrapper .button {
    display: block;
    margin: 0; }
    .button-wrapper .button .appstore, .button-wrapper .button .playstore {
      display: block; }
    .button-wrapper .button .appstore {
      height: 78px;
      width: 225px; }
    .button-wrapper .button .playstore {
      height: 60px;
      width: 205px; }

@media screen and (min-width: 425px) {
  .copy-wrapper {
    width: 300px; }
  .logo-wrapper {
    width: 150px; } }

@media screen and (min-width: 768px) {
  .logo-wrapper {
    width: 200px; }
  .copy-wrapper {
    margin-top: 36px; }
  .button-wrapper {
    margin-top: 24px;
    flex-direction: row; } }