.hero {
  background-color: #2e849a;
  border-bottom: 1px solid #fff;
  position: relative;
  overflow: hidden;
  clear: both;
/*  max-width: 1920px;*/
  margin:0 auto;
}
@media (max-width:37.499em) { /* 600px */
  .hero {
/*    background-image: url(/payqwiq-app/2017/i/hero/bg_hero-mobile.jpg);*/
    background-repeat: no-repeat;
    background-position: top center;
/*    height: 192px;*/
/*
    background-size: contain;
    padding-bottom: 31.6%;
*/
  }
}
@media (min-width:37.5em) { /* 600px */
  .hero {
/*    background-image: url(/payqwiq-app/2017/i/hero/bg_hero.jpg);*/
    background-position: top center;
/*
    padding-bottom: 29.5%; 
    padding-bottom: 0;
*/
/*    height: 345px;*/
  }
}
@media (min-width:120em) { /* 1920px */
  .hero {
/*    width: 1920px;*/
/*    height:345px;*/
    padding:0;
  }
}

.hero_blurred {visibility: hidden}
@media (min-width:37.5em) { /* 600px */
  .hero_blurred {
/*    visibility: visible;*/
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-filter: blur(6px);
    filter: blur(6px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero_bg {visibility: hidden}
@media (min-width:37.5em) { /* 600px */
  .hero_bg {
/*    visibility: visible;*/
    background-position: center center;
    background-repeat: no-repeat;
/*    background-size: cover;*/
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0s ease-in-out;
  }
  .ie9 .hero_bg,
  .noJS .hero_bg {
/*    background-image: url(/payqwiq-app/2017/i/hero/bg_hero.jpg);*/
  }
  .hero_bg-duration {transition-duration: 1s}
  .hero_bg-invisible {opacity: 0}
}


.hero_inner {
  position: relative;
  margin: 0 auto;
  padding: 0 .75rem;
}
@media (min-width: 37.5rem) { /* 600px */
  .hero_inner {
    max-width: 37rem;
  }
}

.hero_ttl {
  color: #fff;
  text-align: center;
  padding: 8rem 0 1rem;
/*  text-shadow: 0 0 .25rem #000;*/
/*  max-width: 15rem;*/
  margin: 0 auto;
}
@media (min-width: 37.5em) { /* 600px */
  .hero_ttl {
    font-size: 3.5rem;
    padding: 11rem 0 1.5rem;
    max-width: 100%;
    margin: 0;
  }
}


/* Hero */
.hero {
  text-align: center;
}
h1,
.hero_ttl {
  font-size: 1.75rem;   /* 28px */
  line-height: 2rem;    /* 32px */
  line-height: 1.25;
}
.hero_strp {
  font-size: 1.25rem;   /* 20px */
  line-height: 1.75rem; /* 28px */
  margin-bottom: 1rem;
}
@media (min-width: 37.5em) { /* 600px */
  .hero_strp {
    margin-bottom: 1.5rem;
  }
}
.hero_lst {
  display: flex;
  justify-content: space-between;
  max-width: 24rem;
  margin: 0 auto 1rem;

}
@media (min-width: 22.5em) { /* 360px */
  .hero_lst {
    justify-content: space-around;
  }
}
@media (min-width: 37.5em) { /* 600px */
  .hero_lst {
    margin-bottom: 4rem;
  }
}
  .ie9 .hero_lst {
    display: table;
  }
  .ie9 [class^="hero_li"] {
    display: table-cell;
  }



[class^="hero_lnk"] {
  display: block;
  transition: all .3s ease-out;
  border-radius: 4px;
  border: 1px solid #fff;
}
.ie9 [class^="hero_lnk"] {
  display: inline-block;
  float: left;
  margin: 0 1rem 2rem;
}
[class^="hero_img"] {
  display:block;
}

/* disable download links against specific OS */
.os_iOS .hero_li-Android,
.os_Android .hero_li-iOS {
  display: none;
}