@import url('../../common/css/app.css');
@media screen and (min-width: 768px){
    .psFont {
        font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
    }
}
@media screen and (max-width: 768px) {
    .psFont {
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    }
}
.psFont {
  font-size: 2rem;
  color: #0f0f0f;
  line-height: 3.2rem;
  margin: 7.2rem 6.9rem 2.4rem 0rem;
  margin: 7.2rem 0 2.4rem 6.9rem;
}
.btnText {
  background: #0a6edd;
}
.webToAppStroies .title {
  color: #0a6edb;
}
.downloadBtn {
  background: #0a6edb;
}
.downBtnMobile {
  background: #0a6edb;
}
.webToAppMonthly .joinInToday {
  background: #0a6edb;
}
@media screen and (min-width: 768px) {
  .appBanner {
    margin: 8rem 0 0 3.2rem;
  }
  .getWebToApp {
    margin: 6rem 0 7rem 3.2rem;
  }
  .webToAppMonthly ul {
    max-width: 1300px;
  }
  .webToAppHeader .logo {
    width: 22.8rem;
  }
  .webToAppHeader .right .fontColor {
    color: #0a6edb;
    font-weight: 600;
  }
  .webToAppHeader .right .fontColor a {
    color: #0a6edb;
  }
  .webToAppStroies .story1 {
    background-image: url(../img/app_story1.webp);
  }
  .webToAppStroies .story2 {
    background-image: url(../img/app_story2.webp);
  }
}
@media screen and (max-width: 768px) {
  .publicBody {
    margin-top: 6rem;
  }
  .psFont {
    margin: 1.6rem 0 3.2rem;
    font-size: 1.6rem;
  }
  .webToAppHeader {
    margin: 1.6rem 1.6rem 1.5rem;
  }
  .webToAppHeader img {
    width: 21.6rem;
  }
  .downBtnMobiel {
    background: #0a6edb;
  }
  .webToAppStroies .story1 {
    background-image: url(../img/app_mobile_story1.webp);
  }
  .webToAppStroies .story2 {
    background-image: url(../img/app_mobile_story2.webp);
  }
}