h1, h2, h3 {
  margin: 0;
  padding: 0; }

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: SF-Pro, sans-serif;
  color: #000000; }

.salute {
  position: fixed;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%; }
  .salute .salute-v {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 580px;
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
  .salute .salute-h {
    display: none; }
  @media screen and (max-width: 700px) {
    .salute {
      width: 100%;
      height: 15%;
      left: 0;
      right: 0; }
      .salute .salute-h {
        display: block;
        position: absolute;
        bottom: 0; }
      .salute .salute-v {
        display: none; } }

.salute-after {
  left: auto;
  right: 0; }
  .salute-after .salute-v {
    right: auto;
    left: 0;
    -webkit-transform: scaleY(-1) scaleX(-1);
            transform: scaleY(-1) scaleX(-1); }
  @media screen and (max-width: 700px) {
    .salute-after {
      top: auto;
      bottom: 0;
      left: 0;
      right: 0; }
      .salute-after .salute-h {
        bottom: auto;
        top: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); } }

.content-wrapper {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 20%;
  overflow: auto; }
  @supports (padding: max(10px)) {
    .content-wrapper {
      padding-left: max(20%, env(safe-area-inset-left));
      padding-right: max(20%, env(safe-area-inset-right));
      padding-top: max(60px, env(safe-area-inset-top));
      padding-bottom: max(60px, env(safe-area-inset-bottom)); } }
  @media screen and (max-width: 700px) {
    .content-wrapper {
      padding: 17% 20px; }
      @supports (padding: max(10px)) {
        .content-wrapper {
          padding-left: max(20px, env(safe-area-inset-left));
          padding-right: max(20px, env(safe-area-inset-right));
          padding-top: max(17%, env(safe-area-inset-top));
          padding-bottom: max(17%, env(safe-area-inset-bottom)); } } }

.content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 700px) {
    .content {
      justify-content: space-around; } }

.header img {
  width: 100px;
  margin-bottom: 20px;
  border-radius: 20%;
  padding: 10px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background: #fff; }
  @media screen and (max-width: 700px) {
    .header img {
      width: 70px;
      padding: 5px;
      margin-bottom: 10px; } }

.header h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.4px; }
  @media screen and (max-width: 700px) {
    .header h2 {
      font-size: 13px; } }

.main h1 {
  margin-bottom: 28px;
  font-size: 48px;
  font-weight: bold;
  line-height: 0.88;
  letter-spacing: -1px; }
  @media screen and (max-width: 700px) {
    .main h1 {
      font-size: 28px;
      margin-bottom: 0; } }

.main p {
  max-width: 490px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5; }
  .mobile .main p {
    display: none; }

.footer p {
  max-width: 337px;
  margin: 0 auto 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29; }
  .mobile .footer p {
    display: none; }

.badges {
  text-align: center; }

.mobile .download-links-pc {
  display: none; }

.download-links-mobile {
  display: none; }
  .mobile .download-links-mobile {
    display: block; }
  .download-links-mobile a {
    display: block;
    text-decoration: none; }

.button {
  width: 70%;
  margin: 0 auto 20px;
  padding: 15px;
  border: 3px solid #000;
  border-radius: 50px;
  background: #fff;
  color: #000;
  font-size: 17px;
  font-weight: bold; }
  .button.button-prime {
    background: #54ca36;
    border-color: #54ca36;
    color: #fff; }

.badge {
  display: inline-block;
  margin: 10px;
  width: 125px;
  height: 40px;
  background: url("../img/badges.svg") no-repeat;
  background-position: 0 100%; }

.badge-ios {
  background-position: 0 0; }