.app-download {
  background: url("/static/img/download-app/bg-graphic.png?56a1c4aacc07"), linear-gradient(116deg, #4c75fc 2%, #4c57fd 34%, #5d4cfc 66%);
  background-position: center;
  background-size: cover;
  word-break: keep-all;
  word-wrap: break-word; }

.container-qr {
  margin-top: 14.24%;
  bottom: 0;
  position: relative;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: flex-end;
  align-items: flex-end;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .container-qr {
      margin-top: 44px; } }
  .container-qr img {
    width: 100%;
    max-width: 100%;
    display: block; }

.container-description {
  width: 100%;
  margin-top: 36px;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }
  @media screen and (min-width: 768px) {
    .container-description {
      width: auto;
      margin-top: 0;
      margin-left: 8%; } }

.qr-contents {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  /* Chrome 21+, Safari Not supported. */
  -moz-justify-content: center;
  /* Chrome 21+, Safari Not supported. */
  justify-content: center;
  /* Firefox 20+, Opera 12.10, IE Not supported. */
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  /* Firefox 28+, IE11, Opera 12.10 */ }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .qr-contents {
      display: block;
      margin-top: 0; } }
  .qr-contents__img {
    position: relative; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .qr-contents__img {
        margin: 0 auto; } }
    @media screen and (max-width: 991px) {
      .qr-contents__img {
        width: 38vw; } }
    @media screen and (max-width: 767px) {
      .qr-contents__img {
        width: inherit; } }
    .qr-contents__img--qr-code {
      width: 76%;
      top: 37.35%;
      position: absolute;
      margin: 0 auto;
      left: 0;
      right: 0; }
  .qr-contents__description {
    width: 450px;
    color: #FFFFFF; }
    @media screen and (min-width: 320px) and (max-width: 991px) {
      .qr-contents__description {
        width: 344px;
        margin: 0 auto; } }
    .qr-contents__description--title {
      margin: 0 0 10px;
      font-size: 40px;
      font-weight: bold; }
      @media screen and (min-width: 320px) and (max-width: 991px) {
        .qr-contents__description--title {
          margin: 0 1px 10px 0; } }
    .qr-contents__description--subtitle {
      font-size: 14px;
      margin-bottom: 80px; }
      .qr-contents__description--subtitle p {
        margin: 0; }
    .qr-contents__description--img img {
      width: 149px; }

.google-play-link {
  margin-right: 20px; }