@charset "UTF-8";
/* ----- General Tile Layouts ----- */
.tile {
  position: relative;
  z-index: 1;
  text-align: center;
  background: #fff;
  /* Layout and typography shared with all tile sizes */ }
  .tile.full {
    height: 648px; }
  .tile.half, .tile.quarter {
    height: 324px; }
  @media only screen and (max-width: 1068px) {
    .tile.full {
      height: 486px; }
    .tile.half, .tile.quarter {
      height: 243px; } }
  @media only screen and (max-width: 735px) {
    .tile.full {
      height: 406px; }
    .tile.half, .tile.quarter {
      height: 203px; } }
  .tile .content-boundary {
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    bottom: 0;
    left: 0;
    border: 1px solid #e3e3e3;
    border-top: 1px solid transparent;
    overflow: hidden; }
    .tile .content-boundary .violator {
      margin-bottom: 0px;
      position: absolute;
      top: 10px;
      left: 10px;
      font-size: 14px;
      line-height: 27px;
      padding: 0 12px 0 12px; }
      @media only screen and (max-width: 1068px) {
        .tile .content-boundary .violator + .phrase.two-lines, .tile .content-boundary .violator + .phrase.with-description {
          top: 10px; }
          .tile .content-boundary .violator + .phrase.two-lines + p.description, .tile .content-boundary .violator + .phrase.with-description + p.description {
            top: 10px; } }
  .tile .phrase {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 200;
    letter-spacing: normal;
    margin-top: 0.5em; }
    html.oldie .tile .phrase {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .tile .phrase {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .tile .phrase {
      font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .tile .phrase {
      font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .tile .phrase {
      font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=th-TH].oldie .tile .phrase {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .tile .phrase {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    @media only screen and (max-width: 1068px) {
      .tile .phrase {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 200;
        letter-spacing: normal; } }
    @media only screen and (max-width: 735px) {
      .tile .phrase {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 200;
        letter-spacing: normal; } }
  .tile .phrase,
  .tile .description {
    position: relative;
    z-index: 4;
    margin-left: auto;
    margin-right: auto; }

.zoom-text-150-percent .tile.full {
  height: 973px; }

.zoom-text-150-percent .tile.half, .zoom-text-150-percent .tile.quarter {
  height: 486.5px; }

.zoom-text-200-percent .tile.full {
  height: 1297px; }

.zoom-text-200-percent .tile.half, .zoom-text-200-percent .tile.quarter {
  height: 648.5px; }

.zoom-text-250-percent .tile.full {
  height: 1621px; }

.zoom-text-250-percent .tile.half, .zoom-text-250-percent .tile.quarter {
  height: 810.5px; }

.zoom-text-300-percent .tile.full {
  height: 1945px; }

.zoom-text-300-percent .tile.half, .zoom-text-300-percent .tile.quarter {
  height: 972.5px; }

/* Layout and typography for "full" and "half" tiles */
.full .icon-tile,
.half .icon-tile {
  position: relative;
  z-index: 4;
  margin: 95px auto 21px; }

.full .phrase,
.full .description,
.half .phrase,
.half .description {
  max-width: 420px; }

.full .phrase,
.half .phrase {
  font-size: 32px;
  line-height: 1.125;
  font-weight: 200;
  letter-spacing: normal;
  margin-bottom: 13px; }
  html.oldie .full .phrase, html.oldie .half .phrase {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .full .phrase, html[lang=ja-JP].oldie .half .phrase {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .full .phrase, html[lang=zh-CN].oldie .half .phrase {
    font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .full .phrase, html[lang=zh-TW].oldie .half .phrase {
    font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .full .phrase, html[lang=zh-HK].oldie .half .phrase {
    font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=th-TH].oldie .full .phrase, html[lang=th-TH].oldie .half .phrase {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .full .phrase, html[lang=ko-KR].oldie .half .phrase {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  @media only screen and (max-width: 1068px) {
    .full .phrase,
    .half .phrase {
      font-size: 24px;
      line-height: 1.16667;
      font-weight: 200;
      letter-spacing: normal; } }

.full .description,
.half .description {
  font-size: 18px;
  line-height: 1.33333;
  font-weight: 400;
  letter-spacing: normal;
  margin-top: 10px;
  color: #55585b; }
  @media only screen and (max-width: 1068px) {
    .full .description,
    .half .description {
      font-size: 14px;
      line-height: 1.28571;
      font-weight: 400;
      letter-spacing: normal; } }

@media only screen and (max-width: 1068px) {
  .full .icon-tile,
  .half .icon-tile {
    margin-top: 65px;
    margin-bottom: 15px; }
  .full .phrase,
  .full .description,
  .half .phrase,
  .half .description {
    max-width: 323px; }
  .full .description,
  .half .description {
    margin-top: 8px; } }

@media only screen and (max-width: 735px) {
  .full .icon-tile,
  .half .icon-tile {
    margin-bottom: 10px; }
  .full .description,
  .half .description {
    margin-top: 4px;
    max-width: 300px; } }

/* Layout and typography for "quarter" tiles */
.quarter .icon-tile {
  margin-bottom: 19px; }
  @media only screen and (max-width: 1068px) {
    .quarter .icon-tile {
      margin-bottom: 12px; } }
  @media only screen and (max-width: 735px) {
    .quarter .icon-tile {
      margin-bottom: 10px; } }

.quarter .phrase,
.quarter .description {
  max-width: 187px;
  color: #55585b; }

.quarter .phrase {
  font-size: 24px;
  line-height: 1.16667;
  font-weight: 200;
  letter-spacing: normal; }
  html.oldie .quarter .phrase {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .quarter .phrase {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .quarter .phrase {
    font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .quarter .phrase {
    font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .quarter .phrase {
    font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=th-TH].oldie .quarter .phrase {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .quarter .phrase {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  @media only screen and (max-width: 1068px) {
    .quarter .phrase {
      font-size: 18px;
      line-height: 1.33333;
      font-weight: 200;
      letter-spacing: normal; } }

.quarter .description {
  font-size: 14px;
  line-height: 1.28571;
  font-weight: 200;
  letter-spacing: normal;
  margin-top: 8px; }
  html.oldie .quarter .description {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .quarter .description {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .quarter .description {
    font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .quarter .description {
    font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .quarter .description {
    font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=th-TH].oldie .quarter .description {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .quarter .description {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

@media only screen and (max-width: 1068px) {
  .quarter .phrase,
  .quarter .description {
    max-width: 140px; } }

@media only screen and (max-width: 735px) {
  .quarter .description {
    margin-top: 4px; } }

.bleed {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-position: 50% 0;
  width: 100% !important; }

.waveform {
  bottom: 14px; }
  .waveform.image_overview_waveform_half_1 {
    height: 45px; }
  .waveform.image_overview_waveform_half_2 {
    height: 45px;
    bottom: 42px; }
  .waveform.image_overview_waveform_half_3 {
    height: 49px; }
  .waveform.image_overview_waveform_half_4 {
    height: 97px; }
  .waveform.image_overview_waveform_half_5 {
    height: 92px; }
  .waveform.image_overview_waveform_half_6 {
    height: 92px; }
  .waveform.image_overview_waveform_quarter_1 {
    height: 80px; }
  .waveform.image_overview_waveform_quarter_2 {
    height: 48px; }
  @media only screen and (max-width: 1068px) {
    .waveform.image_overview_waveform_half_1 {
      height: 38px; }
    .waveform.image_overview_waveform_half_2 {
      height: 38px;
      bottom: 38px; }
    .waveform.image_overview_waveform_half_3 {
      height: 37px; }
    .waveform.image_overview_waveform_half_4 {
      height: 72px; }
    .waveform.image_overview_waveform_half_5 {
      height: 57px; }
    .waveform.image_overview_waveform_half_6 {
      height: 69px; }
    .waveform.image_overview_waveform_quarter_1 {
      height: 67px; }
    .waveform.image_overview_waveform_quarter_2 {
      height: 48px; } }

@media only screen and (max-width: 735px) and (max-width: 1068px) {
  .waveform.image_overview_waveform_half_1 {
    height: 38px; }
  .waveform.image_overview_waveform_half_2 {
    height: 38px;
    bottom: 29px; }
  .waveform.image_overview_waveform_half_3 {
    height: 37px; }
  .waveform.image_overview_waveform_half_4 {
    height: 72px; }
  .waveform.image_overview_waveform_half_5 {
    height: 57px; }
  .waveform.image_overview_waveform_half_6 {
    height: 69px; }
  .waveform.image_overview_waveform_quarter_1 {
    height: 67px; }
  .waveform.image_overview_waveform_quarter_2 {
    height: 48px; } }

.siri-response {
  color: #999999; }

.device-top.one-line {
  margin-top: 76px; }
  @media only screen and (max-width: 1068px) {
    .device-top.one-line {
      margin-top: 52px; } }
  @media only screen and (max-width: 735px) {
    .device-top.one-line {
      margin-top: 47px; } }

.device-top.two-lines {
  margin-top: 60px; }
  @media only screen and (max-width: 1068px) {
    .device-top.two-lines {
      margin-top: 42px; } }
  @media only screen and (max-width: 735px) {
    .device-top.two-lines {
      margin-top: 34px; } }

.device-bottom .phrase.one-line {
  margin-top: 69px;
  margin-bottom: 60px; }
  @media only screen and (max-width: 1068px) {
    .device-bottom .phrase.one-line {
      margin-top: 44px;
      margin-bottom: 55px; } }
  @media only screen and (max-width: 735px) {
    .device-bottom .phrase.one-line {
      margin-top: 44px;
      margin-bottom: 42px; } }
  .device-bottom .phrase.one-line.with-description {
    margin-bottom: 13px;
    margin-top: 52px; }
    @media only screen and (max-width: 1068px) {
      .device-bottom .phrase.one-line.with-description {
        margin-bottom: 13px; } }
    @media only screen and (max-width: 735px) {
      .device-bottom .phrase.one-line.with-description {
        margin-bottom: 0; } }
    @media only screen and (max-width: 1068px) {
      .device-bottom .phrase.one-line.with-description {
        margin-top: 35px; } }
    @media only screen and (max-width: 735px) {
      .device-bottom .phrase.one-line.with-description {
        margin-top: 30px; } }

.device-bottom .phrase.two-lines {
  margin-top: 52px;
  margin-bottom: 41px; }
  @media only screen and (max-width: 1068px) {
    .device-bottom .phrase.two-lines {
      margin-top: 35px;
      margin-bottom: 36px; } }
  @media only screen and (max-width: 735px) {
    .device-bottom .phrase.two-lines {
      margin-top: 30px;
      margin-bottom: 28px; } }
  .device-bottom .phrase.two-lines.with-description {
    margin-bottom: 13px; }
    @media only screen and (max-width: 1068px) {
      .device-bottom .phrase.two-lines.with-description {
        margin-bottom: 13px; } }
    @media only screen and (max-width: 735px) {
      .device-bottom .phrase.two-lines.with-description {
        margin-bottom: 0; } }

@media only screen and (max-width: 735px) {
  .device-bottom .description {
    margin-top: 0; } }

.device-bottom .hero-img {
  position: absolute;
  z-index: 1;
  margin: 0;
  bottom: 0;
  left: 50%;
  margin-left: -135px; }
  @media only screen and (max-width: 1068px) {
    .device-bottom .hero-img {
      margin-left: -100px; } }
  @media only screen and (max-width: 735px) {
    .device-bottom .hero-img {
      margin-left: -82px; } }

.transition .tile,
.transition .section-headline-wrapper {
  opacity: 0;
  -webkit-transition: -webkit-transform 800ms ease, opacity 400ms ease;
          transition: transform 800ms ease, opacity 400ms ease; }
  .transition .tile + .tile, .transition .section-headline-wrapper + .tile {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms; }
  .transition .tile ~ .tile, .transition .section-headline-wrapper ~ .tile {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }

.transition .tile-wrapper:nth-child(2) .tile {
  -webkit-transition-delay: 75ms;
          transition-delay: 75ms; }

.transition .tile-wrapper:nth-child(3) .tile {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms; }

.transition .tile-wrapper:nth-child(4) .tile {
  -webkit-transition-delay: 225ms;
          transition-delay: 225ms; }

.transition .tile-wrapper:nth-child(5) .tile {
  -webkit-transition-delay: 225ms;
          transition-delay: 225ms; }

.transition .tile-wrapper:nth-child(6) .tile {
  -webkit-transition-delay: 375ms;
          transition-delay: 375ms; }

.transition .tile-wrapper:nth-child(7) .tile {
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms; }

.transition .tile-wrapper:nth-child(8) .tile {
  -webkit-transition-delay: 525ms;
          transition-delay: 525ms; }

.transition .tile-wrapper:nth-child(9) .tile {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms; }

.transition .incoming .tile,
.transition .incoming .section-headline-wrapper,
.transition .current .tile,
.transition .current .section-headline-wrapper {
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px); }
  @media only screen and (max-width: 735px) {
    .transition .incoming .tile,
    .transition .incoming .section-headline-wrapper,
    .transition .current .tile,
    .transition .current .section-headline-wrapper {
      -webkit-transform: translateY(50px);
          -ms-transform: translateY(50px);
              transform: translateY(50px); } }

.transition .incoming .tile-inview,
.transition .incoming .section-headline-wrapper,
.transition .current .tile-inview,
.transition .current .section-headline-wrapper {
  opacity: 1; }
  .transition .incoming .tile-inview .content-boundary,
  .transition .incoming .section-headline-wrapper .content-boundary,
  .transition .current .tile-inview .content-boundary,
  .transition .current .section-headline-wrapper .content-boundary {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }

.transition .current .tile-inview,
.transition .current .section-headline-wrapper {
  -webkit-transition: -webkit-transform 800ms ease, opacity 400ms ease;
          transition: transform 800ms ease, opacity 400ms ease;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.transition .current .tile-inviewthreshold {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1; }
  .transition .current .tile-inviewthreshold .content-boundary {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }

.transition .outgoing .tile-inview,
.transition .outgoing .section-headline-wrapper {
  opacity: 0; }

.transition .outgoing .tile-inview,
.transition .outgoing .section-headline-wrapper {
  -webkit-transition: opacity 400ms ease-out;
          transition: opacity 400ms ease-out;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0; }

.transition .incoming .tile,
.transition .incoming .section-headline-wrapper {
  opacity: 1; }

.transition .incoming .tile-inview,
.transition .incoming .section-headline-wrapper {
  -webkit-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }

.transition .footer-wrapper {
  -webkit-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }

.transition .outgoing ~ .footer-wrapper-inview {
  opacity: 0; }

.categorynav-wrapper {
  position: relative;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  html.oldie .categorynav-wrapper {
    position: relative;
    z-index: 1;
    width: 1024px;
    height: 160px; }
  .categorynav-wrapper hr {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    height: 1px;
    border: none;
    background-color: #d6d6d6; }
  .categorynav-wrapper.locked {
    position: fixed;
    position: -webkit-sticky;
    position: sticky; }
    .categorynav-wrapper.locked ~ .section-gridwrapper {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }

.no-ios8.touch .categorynav-wrapper {
  position: -webkit-sticky;
  position: sticky; }

.force-wrap {
  display: block; }

.categorynav {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: 0;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  background: rgba(255, 255, 255, 0.97); }
  @media only screen and (max-width: 735px) {
    .categorynav {
      width: 100%;
      white-space: nowrap;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      border-bottom: 1px solid #d6d6d6; } }
  @media only screen and (max-width: 735px) {
    .categorynav ul {
      overflow: visible;
      margin-left: 5px;
      margin-right: 5px; } }
  .categorynav li {
    width: 11.11%;
    display: inline-block;
    margin-bottom: 25px;
    text-align: center; }
    html.oldie .categorynav li {
      width: 11.06%; }
    @media only screen and (max-width: 1068px) {
      .categorynav li {
        margin-bottom: 19px; } }
    @media only screen and (max-width: 735px) {
      .categorynav li {
        float: none;
        width: auto;
        margin: 0 4.5% 11px;
        text-align: center;
        vertical-align: top; } }
  @media only screen and (max-width: 735px) and (orientation: portrait) {
    .categorynav li {
      margin-left: 4.25%;
      margin-right: 4.25%; } }
    .locked .categorynav li {
      margin-bottom: 21px; }
      @media only screen and (max-width: 1068px) {
        .locked .categorynav li {
          margin-bottom: 11px; } }
  .categorynav a {
    display: block;
    -webkit-transition: opacity 0.4s ease-out 0.1s;
            transition: opacity 0.4s ease-out 0.1s;
    color: #555; }
    html.no-js .categorynav a:hover .categorynav-icon, html.no-js .categorynav a:hover .categorynav-label {
      opacity: 0.36; }
    html.no-touch .categorynav a:hover .categorynav-icon, html.no-touch .categorynav a:hover .categorynav-label {
      opacity: 0.36; }
    .categorynav a.current {
      color: #999999; }
      .categorynav a.current .categorynav-icon, .categorynav a.current .categorynav-label {
        opacity: 1; }

.categorynav-headline {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0;
  padding-top: 14px;
  text-align: center; }
  @media only screen and (max-width: 1068px) {
    .categorynav-headline {
      font-size: 12px;
      line-height: 1.25;
      font-weight: 400;
      letter-spacing: normal; } }
  @media only screen and (max-width: 735px) {
    .categorynav-headline {
      font-size: 14px;
      line-height: 1.28571;
      font-weight: 400;
      letter-spacing: normal; } }
  @media only screen and (max-width: 1068px) {
    .categorynav-headline {
      padding-top: 10px; } }
  @media only screen and (max-width: 735px) {
    .categorynav-headline {
      padding-top: 22px; } }
  .locked .categorynav-headline {
    padding-top: 15px; }

.categorynav-view {
  padding-top: 22px; }
  @media only screen and (max-width: 1068px) {
    .categorynav-view {
      padding-top: 18px; } }
  @media only screen and (max-width: 735px) {
    .categorynav-view {
      width: 100%;
      white-space: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-top: 34px; } }
  .locked .categorynav-view {
    padding-top: 9px; }
    @media only screen and (max-width: 1068px) {
      .locked .categorynav-view {
        padding-top: 7px; } }

.categorynav-list {
  max-width: 1704px;
  margin-left: auto;
  margin-right: auto; }
  .categorynav-list:before, .categorynav-list:after {
    content: ' ';
    display: table; }
  .categorynav-list:after {
    clear: both; }
  html.oldie .categorynav-list {
    zoom: 1; }
  .categorynav-list .violator {
    position: absolute;
    top: -33px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%; }
    html.oldie .categorynav-list .violator {
      right: 25%;
      left: 25%; }
    @media only screen and (max-width: 735px) {
      .categorynav-list .violator {
        top: -30px; } }

.categorynav-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: height 400ms cubic-bezier(0.28, 0.11, 0.32, 1), opacity 300ms cubic-bezier(0.28, 0.11, 0.32, 1);
          transition: height 400ms cubic-bezier(0.28, 0.11, 0.32, 1), opacity 300ms cubic-bezier(0.28, 0.11, 0.32, 1);
  background-position: 50% 50%;
  opacity: 1; }
  .locked .categorynav-icon {
    opacity: 0 !important;
    height: 0; }

.categorynav-label {
  font-size: 15px;
  line-height: 1.33333;
  font-weight: 400;
  letter-spacing: normal;
  display: inline-block;
  padding-top: 6px;
  vertical-align: top; }
  @media only screen and (max-width: 1068px) {
    .categorynav-label {
      font-size: 11px;
      line-height: 1.36364;
      font-weight: 400;
      letter-spacing: normal; } }
  @media only screen and (max-width: 735px) {
    .categorynav-label {
      font-size: 11px;
      line-height: 1.36364;
      font-weight: 400;
      letter-spacing: normal; } }
  @media only screen and (max-width: 1068px) {
    .categorynav-label {
      padding-top: 6px;
      max-width: 67px; } }
  @media only screen and (max-width: 735px) {
    .categorynav-label {
      white-space: normal;
      padding-top: 7px; } }

.js .cantransition .categorynav {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  @media only screen and (max-width: 735px) {
    .js .cantransition .categorynav {
      overflow: visible; } }

.js .cantransition hr {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.28, 0.11, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.28, 0.11, 0.32, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  @media only screen and (max-width: 735px) {
    .js .cantransition hr {
      display: none; } }

.js .cantransition .categorynav-list {
  -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0.11, 0.32, 1);
          transition: opacity 0.3s cubic-bezier(0.28, 0.11, 0.32, 1); }

.no-js .categorynav-wrapper {
  margin: 25px 0 0;
  border-bottom: 1px solid #d6d6d6; }

.no-js .categorynav {
  position: relative; }
  .no-js .categorynav hr {
    display: none; }

.umbrella .hero-img {
  margin-top: 170px; }

.umbrella .phrase {
  margin-top: 25px; }

@media only screen and (max-width: 1068px) {
  .umbrella .hero-img {
    margin-top: 116px; }
  .umbrella .phrase {
    margin-top: 18px; } }

@media only screen and (max-width: 735px) {
  .umbrella .hero-img {
    margin-top: 80px; } }

.nikkei .hero-img {
  margin-top: 103px; }

.nikkei .phrase {
  margin-top: 29px; }

@media only screen and (max-width: 1068px) {
  .nikkei .hero-img {
    margin-top: 75px; }
  .nikkei .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .nikkei .hero-img {
    margin-top: 55px; }
  .nikkei .phrase {
    margin-top: 12px; } }

.savings .hero-img {
  margin-top: 90px; }

.savings .phrase {
  margin-top: -8px; }

@media only screen and (max-width: 1068px) {
  .savings .hero-img {
    margin-top: 68px; }
  .savings .phrase {
    margin-top: -11px; } }

@media only screen and (max-width: 735px) {
  .savings .hero-img {
    margin-top: 48px; } }

.definition .hero-img {
  margin-top: 84px; }

@media only screen and (max-width: 1068px) {
  .definition .hero-img {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .definition .hero-img {
    margin-top: 46px; } }

.fox .hero-img {
  margin-top: 84px; }

@media only screen and (max-width: 1068px) {
  .fox .hero-img {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .fox .hero-img {
    margin-top: 46px; } }

.spell .hero-img {
  margin-top: 72px; }

@media only screen and (max-width: 1068px) {
  .spell .hero-img {
    margin-top: 56px; } }

@media only screen and (max-width: 735px) {
  .spell .hero-img {
    margin-top: 36px; } }

.sanfrancisco .hero-img {
  margin-top: 194px;
  margin-bottom: 22px; }

.sanfrancisco .description {
  max-width: 300px;
  margin-top: 8px; }

@media only screen and (max-width: 1068px) {
  .sanfrancisco .hero-img {
    margin-top: 142px;
    margin-bottom: 18px; } }

@media only screen and (max-width: 735px) {
  .sanfrancisco .hero-img {
    margin-top: 102px;
    margin-bottom: 18px; } }

.squareroot .hero-img {
  margin-top: 100px; }

.squareroot .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .squareroot .hero-img {
    margin-top: 75px; }
  .squareroot .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .squareroot .hero-img {
    margin-top: 55px; } }

.apple-stock .phrase {
  margin-top: 70px; }

.apple-stock .hero-img {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0; }

@media only screen and (max-width: 1068px) {
  .apple-stock .phrase {
    margin-top: 45px; } }

@media only screen and (max-width: 735px) {
  .apple-stock .phrase {
    margin-top: 32px; } }

@media only screen and (max-width: 735px) {
  .el-capitan .device-top.one-line {
    margin-top: 41px; } }

.calculate-tip .hero-img {
  margin-top: 96px; }

@media only screen and (max-width: 1068px) {
  .calculate-tip .hero-img {
    margin-top: 72px; } }

@media only screen and (max-width: 735px) {
  .calculate-tip .hero-img {
    margin-top: 46px; } }

.groundhog .icon-tile {
  margin-top: 102px;
  margin-bottom: 16px; }

@media only screen and (max-width: 1068px) {
  .groundhog .icon-tile {
    margin-top: 76px;
    margin-bottom: 13px; } }

@media only screen and (max-width: 735px) {
  .groundhog .icon-tile {
    margin-top: 41px;
    margin-bottom: 11px; } }

.sunset .phrase {
  margin-top: 60px;
  margin-bottom: 52px; }

@media only screen and (max-width: 1068px) {
  .sunset .phrase {
    margin-top: 42px;
    margin-bottom: 40px; } }

@media only screen and (max-width: 735px) {
  .sunset .phrase {
    margin-top: 24px;
    margin-bottom: 20px; } }

.uvindex .hero-img {
  margin-top: 76px; }

@media only screen and (max-width: 1068px) {
  .uvindex .hero-img {
    margin-top: 54px; } }

@media only screen and (max-width: 735px) {
  .uvindex .hero-img {
    margin-top: 36px; } }

.snow .phrase {
  margin-top: 183px; }

@media only screen and (max-width: 1068px) {
  .snow .phrase {
    margin-top: 136px; } }

@media only screen and (max-width: 735px) {
  .snow .phrase {
    margin-top: 110px; } }

.nasdaq-quarter .phrase {
  margin-top: 82px; }

.nasdaq-quarter .bleed {
  bottom: -16px; }

@media only screen and (max-width: 1068px) {
  .nasdaq-quarter .phrase {
    margin-top: 50px; }
  .nasdaq-quarter .bleed {
    bottom: -46; } }

@media only screen and (max-width: 735px) {
  .nasdaq-quarter .phrase {
    margin-top: 30px; }
  .nasdaq-quarter .bleed {
    bottom: -50px; } }

@media only screen and (max-width: 1068px) {
  .temperature .phrase {
    max-width: 300px; } }

.berlin .hero-img {
  margin-top: 78px; }

.berlin .phrase {
  margin-top: 19px; }

@media only screen and (max-width: 1068px) {
  .berlin .hero-img {
    margin-top: 58px; }
  .berlin .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .berlin .hero-img {
    margin-top: 40px; }
  .berlin .phrase {
    margin-top: 14px; } }

.lincoln .device-top.two-lines {
  margin-top: 24px; }

.anycard .hero-img {
  margin-top: 83px; }

@media only screen and (max-width: 1068px) {
  .anycard .hero-img {
    margin-top: 58px; } }

@media only screen and (max-width: 735px) {
  .anycard .hero-img {
    margin-top: 38px; } }

.egg .hero-img {
  margin-top: 85px; }

@media only screen and (max-width: 1068px) {
  .egg .hero-img {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .egg .hero-img {
    margin-top: 40px; } }

.orion .phrase {
  margin-top: 128px; }

@media only screen and (max-width: 1068px) {
  .orion .phrase {
    margin-top: 94px; } }

@media only screen and (max-width: 735px) {
  .orion .phrase {
    margin-top: 72px; } }

@media only screen and (max-width: 735px) {
  .anchorage .device-bottom .two-lines {
    margin-top: 30px;
    margin-bottom: 26px; } }

.neworleans .hero-img {
  margin-top: 83px; }

@media only screen and (max-width: 1068px) {
  .neworleans .hero-img {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .neworleans .hero-img {
    margin-top: 40px; } }

.bagel .icon-tile {
  margin-top: 95px;
  margin-bottom: 17px; }

@media only screen and (max-width: 1068px) {
  .bagel .icon-tile {
    margin-top: 73px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .bagel .icon-tile {
    margin-top: 53px; } }

.whatday .hero-img {
  margin-top: 95px;
  margin-bottom: 16px; }

@media only screen and (max-width: 1068px) {
  .whatday .hero-img {
    margin-top: 72px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .whatday .hero-img {
    margin-top: 52px; } }

.life .hero-img {
  margin-top: 104px; }

@media only screen and (max-width: 1068px) {
  .life .hero-img {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .life .hero-img {
    margin-top: 56px; } }

.dollars .hero-img {
  margin-top: 110px; }

.dollars .phrase {
  margin-top: 22px; }

@media only screen and (max-width: 1068px) {
  .dollars .hero-img {
    margin-top: 82px; }
  .dollars .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .dollars .hero-img {
    margin-top: 66px; } }

.peratio .device-top.one-line {
  margin-top: 38px; }

.cups-liter .hero-img {
  margin-top: 104px; }

@media only screen and (max-width: 1068px) {
  .cups-liter .hero-img {
    margin-top: 78px; } }

@media only screen and (max-width: 735px) {
  .cups-liter .hero-img {
    margin-top: 56px; } }

.play-collection .hero-img {
  margin-top: 100px; }

.play-collection .phrase {
  margin-top: 17px; }

@media only screen and (max-width: 1068px) {
  .play-collection .hero-img {
    margin-top: 70px; }
  .play-collection .phrase {
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .play-collection .hero-img {
    margin-top: 52px; }
  .play-collection .phrase {
    margin-top: 11px; } }

.where-playing .hero-img {
  margin-top: 100px; }

.where-playing .phrase {
  margin-top: 183px; }

@media only screen and (max-width: 1068px) {
  .where-playing .hero-img {
    margin-top: 70px; }
  .where-playing .phrase {
    margin-top: 138px; } }

@media only screen and (max-width: 735px) {
  .where-playing .hero-img {
    margin-top: 32px; }
  .where-playing .phrase {
    margin-top: 100px; } }

.add-to-library .hero-img {
  margin-top: 108px; }

.add-to-library .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .add-to-library .hero-img {
    margin-top: 75px; }
  .add-to-library .phrase {
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .add-to-library .hero-img {
    margin-top: 47px; }
  .add-to-library .phrase {
    margin-top: 11px; } }

.play-trailer .hero-img {
  margin-top: 100px; }

.play-trailer .phrase {
  margin-top: 17px; }

@media only screen and (max-width: 1068px) {
  .play-trailer .hero-img {
    margin-top: 70px; }
  .play-trailer .phrase {
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .play-trailer .hero-img {
    margin-top: 52px; }
  .play-trailer .phrase {
    margin-top: 11px; } }

.add-to-collection .hero-img {
  margin-top: 108px; }

.add-to-collection .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .add-to-collection .hero-img {
    margin-top: 75px; }
  .add-to-collection .phrase {
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .add-to-collection .hero-img {
    margin-top: 47px; }
  .add-to-collection .phrase {
    margin-top: 11px; } }

.around-here .phrase {
  margin-top: 170px; }

@media only screen and (max-width: 1068px) {
  .around-here .phrase {
    margin-top: 120px; } }

@media only screen and (max-width: 735px) {
  .around-here .phrase {
    margin-top: 96px; } }

.best-picture .phrase {
  margin-top: 57px; }

.best-picture .colored-text-container {
  margin-top: 14px; }

.best-picture p {
  margin-top: 10px; }

.best-picture .light {
  color: #ccc; }

.best-picture .dark {
  color: #666; }

.best-picture .waveform {
  margin-bottom: 14px; }

@media only screen and (max-width: 1068px) {
  .best-picture .phrase {
    margin-top: 47px; }
  .best-picture .colored-text-container {
    margin-top: 18px; }
  .best-picture p {
    margin-top: 6px;
    font-size: 20px; }
  .best-picture .waveform {
    margin-bottom: 4px; } }

@media only screen and (max-width: 735px) {
  .best-picture .phrase {
    margin-top: 27px; }
  .best-picture .waveform {
    margin-bottom: -4px; } }

.books-find .icon-tile {
  margin-top: 102px;
  margin-bottom: 16px; }

@media only screen and (max-width: 1068px) {
  .books-find .icon-tile {
    margin-top: 72px;
    margin-bottom: 11px; } }

@media only screen and (max-width: 735px) {
  .books-find .icon-tile {
    margin-top: 54px;
    margin-bottom: 11px; } }

.play-top .phrase {
  margin-bottom: 13px; }

.play-top .icon-tile {
  margin-top: 64px;
  margin-bottom: 19px; }

@media only screen and (max-width: 1068px) {
  .play-top .icon-tile {
    margin-top: 46px;
    margin-bottom: 15px; } }

@media only screen and (max-width: 735px) {
  .play-top .icon-tile {
    margin-top: 30px;
    margin-bottom: 15px; } }

.play-first .hero-img {
  margin-top: 76px;
  margin-bottom: 19px; }

@media only screen and (max-width: 1068px) {
  .play-first .hero-img {
    margin-top: 46px;
    margin-bottom: 15px; } }

@media only screen and (max-width: 735px) {
  .play-first .hero-img {
    margin-top: 50px;
    margin-bottom: 15px; } }

.directed .hero-img {
  margin-top: 101px; }

.directed .phrase {
  margin-top: 22px; }

@media only screen and (max-width: 1068px) {
  .directed .hero-img {
    margin-top: 74px; }
  .directed .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .directed .hero-img {
    margin-top: 55px; } }

.download-podcast .hero-img {
  margin-top: 116px; }

.download-podcast .phrase {
  margin-top: 15px; }

@media only screen and (max-width: 1068px) {
  .download-podcast .hero-img {
    margin-top: 72px; } }

@media only screen and (max-width: 735px) {
  .download-podcast .hero-img {
    margin-top: 61px; }
  .download-podcast .phrase {
    margin-top: 11px; } }

.afternoon-movie .hero-img {
  margin-top: 102px; }

.afternoon-movie .phrase {
  margin-top: 15px; }

@media only screen and (max-width: 1068px) {
  .afternoon-movie .hero-img {
    margin-top: 51px; } }

@media only screen and (max-width: 735px) {
  .afternoon-movie .hero-img {
    margin-top: 40px; }
  .afternoon-movie .phrase {
    margin-top: 11px; } }

.find-theaters .hero-img {
  margin-top: 104px; }

.find-theaters .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .find-theaters .hero-img {
    margin-top: 68px; }
  .find-theaters .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .find-theaters .hero-img {
    margin-top: 54px; }
  .find-theaters .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 1068px) {
  .haiku .phrase {
    margin-top: 50px;
    margin-bottom: 52px; } }

.icon_tile_movies .hero-img {
  margin-top: 102px;
  margin-bottom: 13px; }

@media only screen and (max-width: 1068px) {
  .icon_tile_movies .hero-img {
    margin-top: 66px; } }

@media only screen and (max-width: 735px) {
  .icon_tile_movies .hero-img {
    margin-top: 46px; } }

.latest-season .hero-img {
  margin-top: 101px; }

.latest-season .phrase {
  margin-top: 19px; }

@media only screen and (max-width: 1068px) {
  .latest-season .hero-img {
    margin-top: 68px; }
  .latest-season .phrase {
    margin-top: 12px; } }

@media only screen and (max-width: 735px) {
  .latest-season .hero-img {
    margin-top: 43px; }
  .latest-season .phrase {
    margin-top: 13px; } }

.play-this-song .hero-img {
  margin-top: 50px; }

.play-this-song .phrase {
  margin-top: 17px; }

@media only screen and (max-width: 1068px) {
  .play-this-song .hero-img {
    margin-top: 32px; }
  .play-this-song .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .play-this-song .hero-img {
    margin-top: 16px; }
  .play-this-song .phrase {
    margin-top: 8px; } }

.buy-this-song .hero-img {
  margin-top: 78px; }

.buy-this-song .phrase {
  margin-top: 17px; }

@media only screen and (max-width: 1068px) {
  .buy-this-song .hero-img {
    margin-top: 42px; }
  .buy-this-song .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .buy-this-song .hero-img {
    margin-top: 30px; }
  .buy-this-song .phrase {
    margin-top: 8px; } }

.tell-story .hero-img {
  margin-top: 102px; }

.tell-story .phrase {
  margin-top: 16px; }

@media only screen and (max-width: 1068px) {
  .tell-story .hero-img {
    margin-top: 75px; }
  .tell-story .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .tell-story .hero-img {
    margin-top: 59px; }
  .tell-story .phrase {
    margin-top: 8px; } }

.best-pic .hero-img {
  margin-top: 100px; }

.best-pic .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .best-pic .hero-img {
    margin-top: 70px; }
  .best-pic .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .best-pic .hero-img {
    margin-top: 55px; }
  .best-pic .phrase {
    margin-top: 8px; } }

.movie-3d .hero-img {
  margin-top: 94px; }

.movie-3d .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .movie-3d .hero-img {
    margin-top: 66px; }
  .movie-3d .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .movie-3d .hero-img {
    margin-top: 46px; }
  .movie-3d .phrase {
    margin-top: 16px; } }

.movie-reviews .hero-img {
  margin-top: 105px; }

.movie-reviews .phrase {
  margin-top: 16px; }

@media only screen and (max-width: 1068px) {
  .movie-reviews .hero-img {
    margin-top: 68px; }
  .movie-reviews .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .movie-reviews .hero-img {
    margin-top: 48px; } }

.new-album .device-bottom .two-lines {
  margin-top: 49px;
  margin-bottom: 52px; }

@media only screen and (max-width: 1068px) {
  .new-album .device-bottom .two-lines {
    margin-top: 37px;
    margin-bottom: 40px; } }

@media only screen and (max-width: 735px) {
  .new-album .device-bottom .two-lines {
    margin-top: 30px;
    margin-bottom: 31px; } }

.siri-play .hero-img {
  margin-top: 94px; }

.siri-play .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .siri-play .hero-img {
    margin-top: 70px; }
  .siri-play .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .siri-play .hero-img {
    margin-top: 52px; }
  .siri-play .phrase {
    margin-top: 16px; } }

.like-this-song .hero-img {
  margin-top: 43px; }

.like-this-song .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .like-this-song .hero-img {
    margin-top: 32px; }
  .like-this-song .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .like-this-song .hero-img {
    margin-top: 10px; }
  .like-this-song .phrase {
    margin-top: 16px; } }

.shuffle-top-ten .hero-img {
  margin-top: 100px; }

.shuffle-top-ten .phrase {
  margin-top: 17px; }

@media only screen and (max-width: 1068px) {
  .shuffle-top-ten .hero-img {
    margin-top: 70px; }
  .shuffle-top-ten .phrase {
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .shuffle-top-ten .hero-img {
    margin-top: 52px; }
  .shuffle-top-ten .phrase {
    margin-top: 11px; } }

.pause .hero-img {
  margin-top: 84px; }

.pause .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .pause .hero-img {
    margin-top: 58px; }
  .pause .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .pause .hero-img {
    margin-top: 38px; }
  .pause .phrase {
    margin-top: 15px; } }

.play-song .hero-img {
  margin-top: 83px; }

.play-song .phrase {
  margin-top: 16px; }

@media only screen and (max-width: 1068px) {
  .play-song .hero-img {
    margin-top: 66px; }
  .play-song .phrase {
    margin-top: 10px; } }

@media only screen and (max-width: 735px) {
  .play-song .hero-img {
    margin-top: 41px; } }

.play-station .hero-img {
  margin-top: 88px; }

.play-station .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .play-station .hero-img {
    margin-top: 61px; }
  .play-station .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .play-station .hero-img {
    margin-top: 43px; }
  .play-station .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .podcast .device-bottom .two-lines {
    margin-top: 30px;
    margin-bottom: 31px; } }

.ratings .phrase {
  margin-top: 66px; }

.ratings .hero-img {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .ratings .hero-img {
    margin-top: 11px; }
  .ratings .phrase {
    margin-top: 49px; } }

@media only screen and (max-width: 735px) {
  .ratings .phrase {
    margin-top: 29px; }
  .ratings .hero-img {
    margin-top: 12px; } }

.recommend .hero-img {
  margin-top: 89px; }

.recommend .phrase {
  margin-top: 28px; }

@media only screen and (max-width: 1068px) {
  .recommend .hero-img {
    margin-top: 68px; }
  .recommend .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .recommend .hero-img {
    margin-top: 49px; }
  .recommend .phrase {
    margin-top: 15px; } }

.season-two .hero-img {
  margin-top: 100px; }

.season-two .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .season-two .hero-img {
    margin-top: 73px; }
  .season-two .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .season-two .hero-img {
    margin-top: 54px; }
  .season-two .phrase {
    margin-top: 13px; } }

.latest-book .hero-img {
  margin-top: 83px; }

.latest-book .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .latest-book .hero-img {
    margin-top: 73px; }
  .latest-book .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .latest-book .hero-img {
    margin-top: 54px; }
  .latest-book .phrase {
    margin-top: 13px; } }

.shuffle-playlist .hero-img {
  margin-top: 97px; }

.shuffle-playlist .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .shuffle-playlist .hero-img {
    margin-top: 71px; }
  .shuffle-playlist .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .shuffle-playlist .hero-img {
    margin-top: 52px; }
  .shuffle-playlist .phrase {
    margin-top: 14px; } }

.sing .hero-img {
  margin-top: 95px; }

.sing .phrase {
  margin-top: 15px; }

@media only screen and (max-width: 1068px) {
  .sing .hero-img {
    margin-top: 69px; }
  .sing .phrase {
    margin-top: 11px; } }

@media only screen and (max-width: 735px) {
  .sing .hero-img {
    margin-top: 49px; }
  .sing .phrase {
    margin-top: 15px; } }

.play-only .hero-img {
  margin-top: 83px; }

.play-only .phrase {
  margin-top: 15px; }

@media only screen and (max-width: 1068px) {
  .play-only .hero-img {
    margin-top: 69px; }
  .play-only .phrase {
    margin-top: 11px; } }

@media only screen and (max-width: 735px) {
  .play-only .hero-img {
    margin-top: 49px; } }

.skip .hero-img {
  margin-top: 81px; }

.skip .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .skip .hero-img {
    margin-top: 56px; }
  .skip .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .skip .hero-img {
    margin-top: 37px; }
  .skip .phrase {
    margin-top: 16px; } }

.recommend-movie .hero-img {
  margin-top: 96px; }

.recommend-movie .phrase {
  margin-top: 21px; }

@media only screen and (max-width: 1068px) {
  .recommend-movie .hero-img {
    margin-top: 72px; }
  .recommend-movie .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .recommend-movie .hero-img {
    margin-top: 37px; }
  .recommend-movie .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 1068px) {
  .starred .phrase {
    margin-top: 49px;
    margin-bottom: 53px; } }

.story .phrase {
  margin-top: 100px; }

.story .waveform {
  margin-bottom: 7px; }

@media only screen and (max-width: 1068px) {
  .story .phrase {
    margin-top: 74px; }
  .story .waveform {
    margin-bottom: 1px; } }

@media only screen and (max-width: 735px) {
  .story .phrase {
    margin-top: 57px; } }

.trailer .hero-img {
  margin-top: 93px; }

.trailer .phrase {
  margin-top: 19px; }

@media only screen and (max-width: 1068px) {
  .trailer .hero-img {
    margin-top: 70px; }
  .trailer .phrase {
    margin-top: 11px; } }

@media only screen and (max-width: 735px) {
  .trailer .hero-img {
    margin-top: 53px; } }

.videos .hero-img {
  margin-top: 94px;
  margin-bottom: 16px; }

@media only screen and (max-width: 1068px) {
  .videos .hero-img {
    margin-top: 68px;
    margin-bottom: 10px; } }

@media only screen and (max-width: 735px) {
  .videos .hero-img {
    margin-top: 50px; } }

.what-song .phrase {
  margin-top: 47px; }

@media only screen and (max-width: 1068px) {
  .what-song .phrase {
    margin-top: 25px; } }

@media only screen and (max-width: 735px) {
  .what-song .phrase {
    margin-top: 20px; } }

.wish-list .phrase.device-top.two-lines {
  margin-top: 43px; }

@media only screen and (max-width: 1068px) {
  .wish-list .phrase.device-top.two-lines {
    margin-top: 26px; } }

@media only screen and (max-width: 735px) {
  .wish-list .phrase.device-top.two-lines {
    margin-top: 17px; } }

.who-sings-this .hero-img {
  margin-top: 188px; }

@media only screen and (max-width: 1068px) {
  .who-sings-this .hero-img {
    margin-top: 136px; }
  .who-sings-this .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .who-sings-this .hero-img {
    margin-top: 95px; }
  .who-sings-this .phrase {
    margin-top: 13px; } }

@media only screen and (max-width: 735px) {
  .game-center .icon-tile {
    margin-top: 52px; }
  .game-center .phrase {
    margin-top: 14px; } }

.chicken .hero-img {
  margin-top: 69px; }

.chicken .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .chicken .hero-img {
    margin-top: 54px; }
  .chicken .phrase {
    margin-top: 10px; } }

@media only screen and (max-width: 735px) {
  .chicken .hero-img {
    margin-top: 36px; }
  .chicken .phrase {
    margin-top: 20px; } }

.trip-aspen .hero-img {
  margin-top: 64px; }

@media only screen and (max-width: 1068px) {
  .trip-aspen .hero-img {
    margin-top: 52px; } }

@media only screen and (max-width: 735px) {
  .trip-aspen .hero-img {
    margin-top: 30px; } }

.selfies .icon-tile {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .selfies .icon-tile {
    margin-top: 64px; } }

@media only screen and (max-width: 735px) {
  .selfies .icon-tile {
    margin-top: 46px; } }

.how-humid .hero-img {
  margin-top: 82px; }

.how-humid .phrase {
  margin-top: 22px; }

@media only screen and (max-width: 1068px) {
  .how-humid .hero-img {
    margin-top: 60px; }
  .how-humid .phrase {
    margin-top: 15px; } }

@media only screen and (max-width: 735px) {
  .how-humid .hero-img {
    margin-top: 41px; } }

.latest-email .icon-tile {
  margin-top: 78px; }

@media only screen and (max-width: 1068px) {
  .latest-email .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .latest-email .icon-tile {
    margin-top: 41px; } }

.maps-indian .icon-tile {
  margin-top: 84px; }

.maps-indian .phrase {
  width: 170px; }

@media only screen and (max-width: 1068px) {
  .maps-indian .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .maps-indian .icon-tile {
    margin-top: 42px; } }

.nasdaq-full .phrase {
  margin-top: 225px; }

@media only screen and (max-width: 1068px) {
  .nasdaq-full .phrase {
    margin-top: 155px; } }

@media only screen and (max-width: 735px) {
  .nasdaq-full .phrase {
    margin-top: 102px; } }

.improve-pronunciation .hero-img {
  margin-top: 74px; }

.improve-pronunciation .phrase {
  margin-top: 18px;
  margin-bottom: 10px; }

@media only screen and (max-width: 1068px) {
  .improve-pronunciation .hero-img {
    margin-top: 50px; }
  .improve-pronunciation .phrase {
    margin-bottom: 0; } }

@media only screen and (max-width: 735px) {
  .improve-pronunciation .hero-img {
    margin-top: 41px; }
  .improve-pronunciation .phrase {
    margin-top: 8px; } }

.movie-night .icon-tile {
  margin-top: 59px; }

.movie-night .description {
  max-width: 390px; }

@media only screen and (max-width: 1068px) {
  .movie-night .icon-tile {
    margin-top: 42px; } }

@media only screen and (max-width: 735px) {
  .movie-night .icon-tile {
    margin-top: 22px; }
  .movie-night .description {
    max-width: 300px; } }

.relationship-mom .hero-img {
  margin-top: 154px; }

.relationship-mom .phrase {
  margin-top: 26px; }

@media only screen and (max-width: 1068px) {
  .relationship-mom .hero-img {
    margin-top: 114px; }
  .relationship-mom .phrase {
    margin-top: 19px; } }

@media only screen and (max-width: 735px) {
  .relationship-mom .hero-img {
    margin-top: 76px; }
  .relationship-mom .phrase {
    margin-top: 17px; } }

.birthday-party .hero-img {
  margin-top: 64px; }

@media only screen and (max-width: 1068px) {
  .birthday-party .hero-img {
    margin-top: 52px; } }

@media only screen and (max-width: 735px) {
  .birthday-party .hero-img {
    margin-top: 30px; } }

.coin-flip .icon-tile {
  margin-top: 101px; }

.coin-flip .question {
  margin-top: -3px;
  margin-bottom: 5px; }

.coin-flip .siri-response {
  margin-top: 0; }

@media only screen and (max-width: 1068px) {
  .coin-flip .icon-tile {
    margin-top: 67px; }
  .coin-flip .question {
    margin-top: 0;
    margin-bottom: 0; } }

@media only screen and (max-width: 735px) {
  .coin-flip .icon-tile {
    margin-top: 50px; } }

.roll-die .hero-img {
  margin-top: 108px; }

.roll-die .phrase {
  margin-top: 24px; }

@media only screen and (max-width: 1068px) {
  .roll-die .hero-img {
    margin-top: 78px; }
  .roll-die .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .roll-die .hero-img {
    margin-top: 59px; } }

.weather-tomorrow .icon-tile {
  margin-top: 108px; }

@media only screen and (max-width: 1068px) {
  .weather-tomorrow .icon-tile {
    margin-top: 81px; } }

@media only screen and (max-width: 735px) {
  .weather-tomorrow .icon-tile {
    margin-top: 61px; } }

.eight-ball .hero-img {
  margin-top: 69px; }

.eight-ball .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .eight-ball .hero-img {
    margin-top: 54px; }
  .eight-ball .phrase {
    margin-top: 10px; } }

@media only screen and (max-width: 735px) {
  .eight-ball .hero-img {
    margin-top: 36px; }
  .eight-ball .phrase {
    margin-top: 20px; } }

@media only screen and (max-width: 735px) {
  .tell .device-top.one-line {
    margin-top: 39px; } }

.anymailfromsteve .icon-tile {
  margin-top: 95px; }

@media only screen and (max-width: 1068px) {
  .anymailfromsteve .icon-tile {
    margin-top: 67px; } }

@media only screen and (max-width: 735px) {
  .anymailfromsteve .icon-tile {
    margin-top: 49px; } }

.trending-twitter .icon-tile {
  margin-top: 104px; }

@media only screen and (max-width: 1068px) {
  .trending-twitter .icon-tile {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .trending-twitter .icon-tile {
    margin-top: 56px; } }

@media only screen and (max-width: 735px) {
  .new-texts .icon-tile {
    margin-top: 47px; } }

@media only screen and (max-width: 735px) {
  .baybridge .device-top.two-lines {
    margin-top: 24px; } }

.findmyfriends .icon-tile {
  margin-top: 83px; }

@media only screen and (max-width: 1068px) {
  .findmyfriends .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .findmyfriends .icon-tile {
    margin-top: 40px; }
  .findmyfriends .description {
    margin-top: 12px; } }

.tweet-concert .icon-tile {
  margin-top: 74px; }

.tweet-concert .phrase {
  margin-top: 22px; }

@media only screen and (max-width: 1068px) {
  .tweet-concert .icon-tile {
    margin-top: 52px; }
  .tweet-concert .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .tweet-concert .icon-tile {
    margin-top: 32px; } }

.relationship-brother .hero-img {
  margin-top: 154px; }

.relationship-brother .phrase {
  margin-top: 24px; }

@media only screen and (max-width: 1068px) {
  .relationship-brother .hero-img {
    margin-top: 114px; }
  .relationship-brother .phrase {
    margin-top: 18px; } }

@media only screen and (max-width: 735px) {
  .relationship-brother .hero-img {
    margin-top: 68px; }
  .relationship-brother .phrase {
    margin-top: 16px; }
  .relationship-brother .description {
    margin-top: 8px; } }

.pronounce-pirooz .hero-img {
  margin-top: 61px; }

.pronounce-pirooz .phrase {
  margin-top: 18px;
  margin-bottom: 10px; }

@media only screen and (max-width: 1068px) {
  .pronounce-pirooz .hero-img {
    margin-top: 39px; }
  .pronounce-pirooz .phrase {
    margin-bottom: 0; } }

@media only screen and (max-width: 735px) {
  .pronounce-pirooz .hero-img {
    margin-top: 28px; }
  .pronounce-pirooz .phrase {
    margin-top: 10px; } }

.tweetmylocation .hero-img {
  margin-top: 80px; }

@media only screen and (max-width: 1068px) {
  .tweetmylocation .hero-img {
    margin-top: 54px; } }

@media only screen and (max-width: 735px) {
  .tweetmylocation .hero-img {
    margin-top: 36px; } }

.hike-yosemite .icon-tile {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .hike-yosemite .icon-tile {
    margin-top: 68px; } }

@media only screen and (max-width: 735px) {
  .hike-yosemite .icon-tile {
    margin-top: 48px; } }

.smiley .icon-tile {
  margin-top: 78px; }

@media only screen and (max-width: 1068px) {
  .smiley .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .smiley .icon-tile {
    margin-top: 41px; } }

.read-message .icon-tile {
  margin-top: 78px; }

@media only screen and (max-width: 1068px) {
  .read-message .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .read-message .icon-tile {
    margin-top: 41px; } }

@media only screen and (max-width: 735px) {
  .facetime .device-top.one-line {
    margin-top: 39px; } }

.call-dad .icon-tile {
  margin-top: 99px; }

@media only screen and (max-width: 1068px) {
  .call-dad .icon-tile {
    margin-top: 73px; } }

@media only screen and (max-width: 735px) {
  .call-dad .icon-tile {
    margin-top: 43px; } }

.voicemail-new .hero-img {
  margin-top: 105px; }

.voicemail-new .phrase {
  margin-top: 14px; }

@media only screen and (max-width: 1068px) {
  .voicemail-new .hero-img {
    margin-top: 74px; }
  .voicemail-new .phrase {
    margin-top: 10px; } }

@media only screen and (max-width: 735px) {
  .voicemail-new .hero-img {
    margin-top: 47px; }
  .voicemail-new .phrase {
    margin-top: 14px; } }

.reply-mail .icon-tile {
  margin-top: 81px; }

@media only screen and (max-width: 1068px) {
  .reply-mail .icon-tile {
    margin-top: 58px; } }

@media only screen and (max-width: 735px) {
  .reply-mail .icon-tile {
    margin-top: 40px; } }

.callback .icon-tile {
  margin-top: 110px; }

.callback .phrase {
  margin-top: 17px; }

@media only screen and (max-width: 1068px) {
  .callback .icon-tile {
    margin-top: 60px; }
  .callback .phrase {
    margin-top: 0; } }

@media only screen and (max-width: 735px) {
  .callback .icon-tile {
    margin-top: 40px; }
  .callback .phrase {
    margin-top: 16px; } }

.rediallast .icon-tile {
  margin-top: 75px;
  margin-bottom: 21px; }

@media only screen and (max-width: 1068px) {
  .rediallast .icon-tile {
    margin-top: 55px;
    margin-bottom: 14px; } }

@media only screen and (max-width: 735px) {
  .rediallast .icon-tile {
    margin-top: 36px;
    margin-bottom: 11px; } }

.playlastvoicemail .icon-tile {
  margin-top: 72px; }

@media only screen and (max-width: 1068px) {
  .playlastvoicemail .icon-tile {
    margin-top: 54px; } }

@media only screen and (max-width: 735px) {
  .playlastvoicemail .icon-tile {
    margin-top: 34px; } }

.reply .icon-tile {
  margin-top: 83px; }

@media only screen and (max-width: 1068px) {
  .reply .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .reply .icon-tile {
    margin-top: 40px; } }

.read-mail .icon-tile {
  margin-top: 85px; }

@media only screen and (max-width: 1068px) {
  .read-mail .icon-tile {
    margin-top: 61px; } }

@media only screen and (max-width: 735px) {
  .read-mail .icon-tile {
    margin-top: 43px; } }

.when-call .icon-tile {
  margin-top: 78px; }

.when-call .phrase {
  margin-top: 19px; }

@media only screen and (max-width: 1068px) {
  .when-call .icon-tile {
    margin-top: 58px; }
  .when-call .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .when-call .icon-tile {
    margin-top: 42px; }
  .when-call .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .have-new-email .device-top.one-line {
    margin-top: 39px; } }

.shouldicall .icon-tile {
  margin-top: 75px; }

.shouldicall .phrase {
  margin-top: 19px; }

@media only screen and (max-width: 1068px) {
  .shouldicall .icon-tile {
    margin-top: 58px; }
  .shouldicall .phrase {
    margin-top: 16px; } }

@media only screen and (max-width: 735px) {
  .shouldicall .icon-tile {
    margin-top: 38px; }
  .shouldicall .phrase {
    margin-top: 13px; } }

.compose-email .icon-tile {
  margin-top: 52px; }

@media only screen and (max-width: 1068px) {
  .compose-email .icon-tile {
    margin-top: 36px; } }

@media only screen and (max-width: 735px) {
  .compose-email .icon-tile {
    margin-top: 20px; } }

.meeting-setup .hero-img {
  margin-top: 56px; }

.meeting-setup .phrase {
  margin-top: 48px; }

@media only screen and (max-width: 1068px) {
  .meeting-setup .hero-img {
    margin-top: 46px; }
  .meeting-setup .phrase {
    margin-top: 34px; } }

@media only screen and (max-width: 735px) {
  .meeting-setup .hero-img {
    margin-top: 33px; }
  .meeting-setup .phrase {
    margin-top: 24px; } }

.remind-me-later .phrase {
  margin-bottom: 5px; }

@media only screen and (max-width: 1068px) {
  .remind-me-later .phrase {
    margin-bottom: 0; }
  .remind-me-later .description {
    margin-bottom: 23px; } }

@media only screen and (max-width: 735px) {
  .remind-me-later .phrase {
    margin-bottom: 0; } }

.create-grocery-list .icon-tile {
  margin-top: 105px; }

@media only screen and (max-width: 1068px) {
  .create-grocery-list .icon-tile {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .create-grocery-list .icon-tile {
    margin-top: 54px; } }

@media only screen and (max-width: 735px) {
  .todo-list .phrase {
    margin-top: 40px; } }

.remind-about-email .hero-img {
  margin-top: 54px; }

.remind-about-email .phrase {
  margin-top: 34px; }

@media only screen and (max-width: 1068px) {
  .remind-about-email .hero-img {
    margin-top: 40px; }
  .remind-about-email .phrase {
    margin-top: 18px; } }

@media only screen and (max-width: 735px) {
  .remind-about-email .hero-img {
    margin-top: 26px; }
  .remind-about-email .phrase {
    margin-top: 13px; } }

.mark-complete .hero-img {
  margin-top: 83px; }

@media only screen and (max-width: 1068px) {
  .mark-complete .hero-img {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .mark-complete .hero-img {
    margin-top: 44px; } }

.wheres-meeting .icon-tile {
  margin-top: 105px; }

@media only screen and (max-width: 1068px) {
  .wheres-meeting .icon-tile {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .wheres-meeting .icon-tile {
    margin-top: 54px; } }

.meeting-move .icon-tile {
  margin-top: 114px; }

@media only screen and (max-width: 1068px) {
  .meeting-move .icon-tile {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .meeting-move .icon-tile {
    margin-top: 46px; } }

.cancel-meetings .device-bottom .one-line {
  margin-bottom: 53px;
  margin-top: 76px; }

@media only screen and (max-width: 1068px) {
  .cancel-meetings .device-bottom .one-line {
    margin-top: 45px;
    margin-bottom: 47px; } }

@media only screen and (max-width: 735px) {
  .cancel-meetings .device-bottom .one-line {
    margin-top: 41px;
    margin-bottom: 43px; } }

.add-to-meeting .hero-img {
  margin-top: 40px; }

@media only screen and (max-width: 1068px) {
  .add-to-meeting .hero-img {
    margin-top: 28px; } }

@media only screen and (max-width: 735px) {
  .add-to-meeting .hero-img {
    margin-top: 18px; } }

.when-meeting .icon-tile {
  margin-top: 114px; }

@media only screen and (max-width: 1068px) {
  .when-meeting .icon-tile {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .when-meeting .icon-tile {
    margin-top: 46px; } }

.turnoff-alarms .device-bottom .one-line {
  margin-bottom: 65px; }

@media only screen and (max-width: 1068px) {
  .turnoff-alarms .device-bottom .one-line {
    margin-bottom: 47px;
    margin-top: 53px; } }

@media only screen and (max-width: 735px) {
  .turnoff-alarms .device-bottom .one-line {
    margin-bottom: 42px; } }

.reminder-walk .icon-tile {
  margin-top: 103px; }

@media only screen and (max-width: 1068px) {
  .reminder-walk .icon-tile {
    margin-top: 73px; } }

@media only screen and (max-width: 735px) {
  .reminder-walk .icon-tile {
    margin-top: 53px; } }

.set-alarm .icon-tile {
  margin-top: 102px; }

@media only screen and (max-width: 1068px) {
  .set-alarm .icon-tile {
    margin-top: 72px; } }

@media only screen and (max-width: 735px) {
  .set-alarm .icon-tile {
    margin-top: 52px; } }

.books-list .hero-img {
  margin-top: 74px; }

.books-list .phrase {
  margin-top: 25px; }

@media only screen and (max-width: 1068px) {
  .books-list .hero-img {
    margin-top: 52px; }
  .books-list .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .books-list .hero-img {
    margin-top: 25px; }
  .books-list .phrase {
    margin-top: 12px; } }

.alarm .phrase {
  margin-top: 186px; }

.alarm .hero-img {
  margin-top: 34px; }

@media only screen and (max-width: 1068px) {
  .alarm .phrase {
    margin-top: 130px; }
  .alarm .hero-img {
    margin-top: 34px; } }

@media only screen and (max-width: 735px) {
  .alarm .phrase {
    margin-top: 98px; }
  .alarm .hero-img {
    margin-top: 25px; } }

.remind-in-car .phrase {
  margin-top: 29px;
  margin-bottom: 14px; }

@media only screen and (max-width: 1068px) {
  .remind-in-car .phrase {
    margin-top: 12px;
    margin-bottom: 0; } }

@media only screen and (max-width: 735px) {
  .remind-in-car .phrase {
    margin-top: 2px;
    margin-bottom: 0; } }

.remind-call .hero-img {
  margin-top: 55px; }

.remind-call .phrase {
  margin-top: 12px; }

@media only screen and (max-width: 1068px) {
  .remind-call .hero-img {
    margin-top: 38px; }
  .remind-call .phrase {
    margin-top: 10px; } }

@media only screen and (max-width: 735px) {
  .remind-call .hero-img {
    margin-top: 20px; }
  .remind-call .phrase {
    margin-top: 6px; } }

.set-timer .hero-img {
  margin-top: 82px; }

@media only screen and (max-width: 1068px) {
  .set-timer .hero-img {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .set-timer .hero-img {
    margin-top: 42px; } }

.grocery-list .hero-img {
  margin-top: 82px; }

@media only screen and (max-width: 1068px) {
  .grocery-list .hero-img {
    margin-top: 64px; } }

@media only screen and (max-width: 735px) {
  .grocery-list .hero-img {
    margin-top: 40px; } }

.new-note .icon-tile {
  margin-top: 104px; }

@media only screen and (max-width: 1068px) {
  .new-note .icon-tile {
    margin-top: 78px; } }

@media only screen and (max-width: 735px) {
  .new-note .icon-tile {
    margin-top: 58px; } }

.pickup-dry-cleaning .hero-img {
  margin-top: 83px; }

@media only screen and (max-width: 1068px) {
  .pickup-dry-cleaning .hero-img {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .pickup-dry-cleaning .hero-img {
    margin-top: 44px; } }

.reminder-pay-back .hero-img {
  margin-top: 89px; }

@media only screen and (max-width: 1068px) {
  .reminder-pay-back .hero-img {
    margin-top: 67px; } }

@media only screen and (max-width: 735px) {
  .reminder-pay-back .hero-img {
    margin-top: 44px; } }

.sushi .icon-tile {
  margin-top: 88px;
  margin-bottom: 14px; }

@media only screen and (max-width: 1068px) {
  .sushi .icon-tile {
    margin-top: 61px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .sushi .icon-tile {
    margin-top: 42px; } }

.gas .hero-img {
  margin-top: 94px;
  margin-bottom: 16px; }

@media only screen and (max-width: 1068px) {
  .gas .hero-img {
    margin-top: 67px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .gas .hero-img {
    margin-top: 48px; } }

.happy-hour .hero-img {
  margin-top: 97px;
  margin-bottom: 18px; }

@media only screen and (max-width: 1068px) {
  .happy-hour .hero-img {
    margin-top: 72px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .happy-hour .hero-img {
    margin-top: 44px;
    margin-bottom: 10px; } }

.coffee .hero-img {
  margin-top: 124px; }

@media only screen and (max-width: 1068px) {
  .coffee .hero-img {
    margin-top: 90px; } }

@media only screen and (max-width: 735px) {
  .coffee .hero-img {
    margin-top: 60px; } }

.aspirin .hero-img {
  margin-top: 96px;
  margin-bottom: 15px; }

@media only screen and (max-width: 1068px) {
  .aspirin .hero-img {
    margin-top: 80px;
    margin-bottom: 10px; } }

@media only screen and (max-width: 735px) {
  .aspirin .hero-img {
    margin-top: 48px; } }

.pizza .hero-img {
  margin-top: 88px; }

@media only screen and (max-width: 1068px) {
  .pizza .hero-img {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .pizza .hero-img {
    margin-top: 38px; } }

.yoga .hero-img {
  margin-top: 84px;
  margin-bottom: 20px; }

@media only screen and (max-width: 1068px) {
  .yoga .hero-img {
    margin-top: 57px;
    margin-bottom: 15px; } }

@media only screen and (max-width: 735px) {
  .yoga .hero-img {
    margin-top: 41px;
    margin-bottom: 10px; } }

.electrician .hero-img {
  margin-top: 71px; }

@media only screen and (max-width: 1068px) {
  .electrician .hero-img {
    margin-top: 67px; } }

@media only screen and (max-width: 735px) {
  .electrician .hero-img {
    margin-top: 45px; } }

@media only screen and (max-width: 735px) {
  .reservation .device-bottom .two-lines {
    margin-top: 30px;
    margin-bottom: 28px; } }

@media only screen and (max-width: 735px) {
  .flights .phrase.device-bottom.one-line {
    margin-top: 30px;
    margin-bottom: 26px; } }

.inexpensive .hero-img {
  margin-top: 92px;
  margin-bottom: 20px; }

@media only screen and (max-width: 1068px) {
  .inexpensive .hero-img {
    margin-top: 72px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .inexpensive .hero-img {
    margin-top: 48px;
    margin-bottom: 14px; } }

.haircut .hero-img {
  margin-top: 64px; }

@media only screen and (max-width: 1068px) {
  .haircut .hero-img {
    margin-top: 46px; } }

@media only screen and (max-width: 735px) {
  .haircut .hero-img {
    margin-top: 26px; } }

.where-am-i .hero-img {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .where-am-i .hero-img {
    margin-top: 74px; } }

@media only screen and (max-width: 735px) {
  .where-am-i .hero-img {
    margin-top: 54px; } }

.where-live .hero-img {
  margin-top: 98px;
  margin-bottom: 20px; }

@media only screen and (max-width: 1068px) {
  .where-live .hero-img {
    margin-top: 76px;
    margin-bottom: 14px; } }

@media only screen and (max-width: 735px) {
  .where-live .hero-img {
    margin-top: 54px; } }

.there-yet .hero-img {
  margin-top: 79px;
  margin-bottom: 20px; }

@media only screen and (max-width: 1068px) {
  .there-yet .hero-img {
    margin-top: 58px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .there-yet .hero-img {
    margin-top: 38px; } }

.table .icon-tile {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .table .icon-tile {
    margin-top: 64px; } }

@media only screen and (max-width: 735px) {
  .table .icon-tile {
    margin-top: 46px; } }

.mlbseason .icon-tile {
  margin-top: 98px; }

@media only screen and (max-width: 1068px) {
  .mlbseason .icon-tile {
    margin-top: 72px; } }

@media only screen and (max-width: 735px) {
  .mlbseason .icon-tile {
    margin-top: 54px; } }

.nyc-marathon .icon-tile {
  margin-top: 98px; }

@media only screen and (max-width: 1068px) {
  .nyc-marathon .icon-tile {
    margin-top: 72px; } }

@media only screen and (max-width: 735px) {
  .nyc-marathon .icon-tile {
    margin-top: 54px; } }

.highestrbi .hero-img {
  margin-top: 88px; }

@media only screen and (max-width: 1068px) {
  .highestrbi .hero-img {
    margin-top: 68px; } }

@media only screen and (max-width: 735px) {
  .highestrbi .hero-img {
    margin-top: 48px; } }

.nbateams .hero-img {
  margin-top: 200px; }

.nbateams .phrase {
  margin-top: 26px; }

@media only screen and (max-width: 1068px) {
  .nbateams .hero-img {
    margin-top: 154px; } }

@media only screen and (max-width: 735px) {
  .nbateams .hero-img {
    margin-top: 114px; } }

.wrigleyfield .hero-img {
  margin-top: 92px; }

@media only screen and (max-width: 1068px) {
  .wrigleyfield .hero-img {
    margin-top: 66px; } }

@media only screen and (max-width: 735px) {
  .wrigleyfield .hero-img {
    margin-top: 46px; } }

.football .hero-img {
  margin-top: 104px; }

.football .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .football .hero-img {
    margin-top: 76px; }
  .football .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .football .hero-img {
    margin-top: 56px; } }

.mavericks .icon-tile {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .mavericks .icon-tile {
    margin-top: 66px; } }

@media only screen and (max-width: 735px) {
  .mavericks .icon-tile {
    margin-top: 44px; } }

.lagalaxy .hero-img {
  margin-top: 60px; }

@media only screen and (max-width: 1068px) {
  .lagalaxy .hero-img {
    margin-top: 44px; } }

@media only screen and (max-width: 735px) {
  .lagalaxy .hero-img {
    margin-top: 24px; } }

.nfl .hero-img {
  margin-top: 57px; }

@media only screen and (max-width: 1068px) {
  .nfl .hero-img {
    margin-top: 47px; } }

@media only screen and (max-width: 735px) {
  .nfl .hero-img {
    margin-top: 27px; } }

.popular .hero-img {
  margin-top: 84px; }

@media only screen and (max-width: 1068px) {
  .popular .hero-img {
    margin-top: 68px; } }

@media only screen and (max-width: 735px) {
  .popular .hero-img {
    margin-top: 48px; } }

.cubs .hero-img {
  margin-top: 91px; }

@media only screen and (max-width: 1068px) {
  .cubs .hero-img {
    margin-top: 66px; } }

@media only screen and (max-width: 735px) {
  .cubs .hero-img {
    margin-top: 46px; } }

.hockey .hero-img {
  margin-top: 80px; }

@media only screen and (max-width: 1068px) {
  .hockey .hero-img {
    margin-top: 58px; } }

@media only screen and (max-width: 735px) {
  .hockey .hero-img {
    margin-top: 38px; } }

.scheduled .hero-img {
  margin-top: 60px; }

.scheduled .phrase {
  margin-top: 25px; }

@media only screen and (max-width: 1068px) {
  .scheduled .hero-img {
    margin-top: 40px; }
  .scheduled .phrase {
    margin-top: 20px; } }

@media only screen and (max-width: 735px) {
  .scheduled .hero-img {
    margin-top: 30px; }
  .scheduled .phrase {
    margin-top: 15px; } }

.nhl-schedule .phrase {
  margin-top: 55px; }

@media only screen and (max-width: 1068px) {
  .nhl-schedule .phrase {
    margin-top: 38px; } }

.airplane .hero-img {
  margin-top: 105px; }

.airplane .phrase {
  margin-top: 12px; }

@media only screen and (max-width: 1068px) {
  .airplane .hero-img {
    margin-top: 77px; }
  .airplane .phrase {
    margin-top: 12px; } }

@media only screen and (max-width: 735px) {
  .airplane .hero-img {
    margin-top: 58px; }
  .airplane .phrase {
    margin-top: 8px; } }

.siri-read-message .hero-img {
  margin-top: 50px; }

.siri-read-message .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .siri-read-message .hero-img {
    margin-top: 46px; }
  .siri-read-message .phrase {
    margin-top: 12px; } }

@media only screen and (max-width: 735px) {
  .siri-read-message .hero-img {
    margin-top: 16px; } }

.hey-siri .hero-img {
  margin-top: 65px; }

.hey-siri .phrase {
  margin-top: 18px; }

@media only screen and (max-width: 1068px) {
  .hey-siri .hero-img {
    margin-top: 49px; }
  .hey-siri .phrase {
    margin-top: 12px; } }

@media only screen and (max-width: 735px) {
  .hey-siri .hero-img {
    margin-top: 18px; } }

.siri-wheel .icon-tile {
  margin-top: 114px;
  margin-bottom: 18px; }

@media only screen and (max-width: 1068px) {
  .siri-wheel .icon-tile {
    margin-top: 86px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .siri-wheel .icon-tile {
    margin-top: 65px;
    margin-bottom: 13px; } }

.audio-car .icon-tile {
  margin-top: 114px;
  margin-bottom: 18px; }

@media only screen and (max-width: 1068px) {
  .audio-car .icon-tile {
    margin-top: 86px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .audio-car .icon-tile {
    margin-top: 65px;
    margin-bottom: 13px; } }

.siri-read-mail .hero-img {
  margin-top: 52px; }

@media only screen and (max-width: 1068px) {
  .siri-read-mail .hero-img {
    margin-top: 36px; } }

@media only screen and (max-width: 735px) {
  .siri-read-mail .hero-img {
    margin-top: 15px; } }

.mail-steve .hero-img {
  margin-top: 80px; }

@media only screen and (max-width: 1068px) {
  .mail-steve .hero-img {
    margin-top: 40px; } }

@media only screen and (max-width: 735px) {
  .mail-steve .hero-img {
    margin-top: 20px; } }

.bluetooth .icon-tile {
  margin-top: 110px; }

.bluetooth .phrase {
  margin-top: 22px; }

@media only screen and (max-width: 1068px) {
  .bluetooth .icon-tile {
    margin-top: 76px; }
  .bluetooth .phrase {
    margin-top: 12px; } }

@media only screen and (max-width: 735px) {
  .bluetooth .icon-tile {
    margin-top: 58px; } }

.disturb .hero-img {
  margin-top: 42px; }

@media only screen and (max-width: 1068px) {
  .disturb .hero-img {
    margin-top: 32px; } }

@media only screen and (max-width: 735px) {
  .disturb .hero-img {
    margin-top: 23px; } }

.yes-no .hero-img {
  margin-top: 118px;
  margin-bottom: 16px; }

@media only screen and (max-width: 1068px) {
  .yes-no .hero-img {
    margin-top: 89px;
    margin-bottom: 10px; } }

@media only screen and (max-width: 735px) {
  .yes-no .hero-img {
    margin-top: 63px; } }

.help .description {
  margin-top: 8px; }

@media only screen and (max-width: 1068px) {
  .help .device-top.two-lines {
    margin-top: 36px; } }

@media only screen and (max-width: 735px) {
  .help .device-top.two-lines {
    margin-top: 24px; } }

.nickname .hero-img {
  margin-top: 86px; }

.nickname .phrase {
  margin-top: 12px; }

@media only screen and (max-width: 1068px) {
  .nickname .hero-img {
    margin-top: 52px; }
  .nickname .phrase {
    margin-top: 4px; } }

@media only screen and (max-width: 735px) {
  .nickname .hero-img {
    margin-top: 36px; } }

.twitter-settings .icon-tile {
  margin-top: 100px;
  margin-bottom: 18px; }

@media only screen and (max-width: 1068px) {
  .twitter-settings .icon-tile {
    margin-top: 77px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .twitter-settings .icon-tile {
    margin-top: 50px;
    margin-bottom: 13px; } }

.stargazing .icon-tile {
  margin-top: 114px;
  margin-bottom: 18px; }

@media only screen and (max-width: 1068px) {
  .stargazing .icon-tile {
    margin-top: 86px;
    margin-bottom: 12px; } }

@media only screen and (max-width: 735px) {
  .stargazing .icon-tile {
    margin-top: 65px;
    margin-bottom: 13px; } }

.handsfree .phrase {
  margin-top: 60px; }

.handsfree .waveform {
  bottom: 35px; }

@media only screen and (max-width: 1068px) {
  .handsfree .phrase {
    margin-top: 48px; }
  .handsfree .waveform {
    bottom: 26px; } }

@media only screen and (max-width: 735px) {
  .handsfree .phrase {
    margin-top: 56px; }
  .handsfree .waveform {
    display: none; } }

.requests .hero-img {
  margin-top: 152px; }

.requests .phrase {
  margin-top: 30px; }

@media only screen and (max-width: 1068px) {
  .requests .hero-img {
    margin-top: 112px; }
  .requests .phrase {
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .requests .hero-img {
    margin-top: 74px; }
  .requests .description {
    margin-top: 8px; } }

.dice .hero-img {
  margin-top: 80px; }

@media only screen and (max-width: 1068px) {
  .dice .hero-img {
    margin-top: 58px; } }

@media only screen and (max-width: 735px) {
  .dice .hero-img {
    margin-top: 38px; } }

.airplane-mode .hero-img {
  margin-top: 80px; }

@media only screen and (max-width: 1068px) {
  .airplane-mode .hero-img {
    margin-top: 58px; } }

@media only screen and (max-width: 735px) {
  .airplane-mode .hero-img {
    margin-top: 38px; } }

.name-pronunciation .phrase {
  margin-top: 74px;
  margin-bottom: 10px; }

.name-pronunciation .waveform {
  bottom: 40px; }

@media only screen and (max-width: 1068px) {
  .name-pronunciation .phrase {
    margin-top: 48px;
    margin-bottom: 0; } }

@media only screen and (max-width: 735px) {
  .name-pronunciation .phrase {
    margin-top: 36px; }
  .name-pronunciation .waveform {
    bottom: 28px; } }

.doing .hero-img {
  margin-top: 94px;
  margin-bottom: 20px; }

@media only screen and (max-width: 1068px) {
  .doing .hero-img {
    margin-top: 74px;
    margin-bottom: 14px; } }

@media only screen and (max-width: 735px) {
  .doing .hero-img {
    margin-top: 56px;
    margin-bottom: 14px; } }

.picture .hero-img {
  margin-top: 116px;
  margin-bottom: 20px; }

@media only screen and (max-width: 1068px) {
  .picture .hero-img {
    margin-top: 86px;
    margin-bottom: 16px; } }

@media only screen and (max-width: 735px) {
  .picture .hero-img {
    margin-top: 66px; } }

.brighter .hero-img {
  margin-top: 85px; }

.brighter .phrase {
  margin-top: 5px; }

@media only screen and (max-width: 1068px) {
  .brighter .hero-img {
    margin-top: 56px; }
  .brighter .phrase {
    margin-top: 7px; } }

@media only screen and (max-width: 735px) {
  .brighter .hero-img {
    margin-top: 40px; }
  .brighter .phrase {
    margin-top: 5px; } }

.edit .phrase {
  margin-top: 42px; }

.edit .waveform {
  bottom: 34px; }

@media only screen and (max-width: 1068px) {
  .edit .phrase {
    margin-top: 32px; }
  .edit .waveform {
    bottom: 22px; } }

@media only screen and (max-width: 735px) {
  .edit .phrase {
    margin-top: 56px; }
  .edit .waveform {
    display: none; } }

.tap-edit .hero-img {
  margin-top: 76px; }

.tap-edit .phrase {
  margin-top: 10px; }

@media only screen and (max-width: 1068px) {
  .tap-edit .hero-img {
    margin-top: 52px; }
  .tap-edit .phrase {
    margin-top: 8px; } }

@media only screen and (max-width: 735px) {
  .tap-edit .hero-img {
    margin-top: 36px; } }

.voice .hero-img {
  margin-top: 76px; }

.voice .phrase {
  margin-top: 10px; }

@media only screen and (max-width: 1068px) {
  .voice .hero-img {
    margin-top: 52px; }
  .voice .phrase {
    margin-top: 8px; } }

@media only screen and (max-width: 735px) {
  .voice .hero-img {
    margin-top: 36px; } }

.open-mail .icon-tile {
  margin-top: 75px; }

.open-mail .phrase {
  margin-top: 10px; }

@media only screen and (max-width: 1068px) {
  .open-mail .icon-tile {
    margin-top: 52px; }
  .open-mail .phrase {
    margin-top: 8px; } }

@media only screen and (max-width: 735px) {
  .open-mail .icon-tile {
    margin-top: 38px; } }

.punctuation .hero-img {
  margin-top: 152px; }

.punctuation .phrase {
  margin-top: 30px; }

@media only screen and (max-width: 1068px) {
  .punctuation .phrase {
    max-width: 240px;
    margin-top: 22px; } }

@media only screen and (max-width: 735px) {
  .punctuation .hero-img {
    margin-top: 74px; }
  .punctuation .description {
    margin-top: 8px; } }

.mike .icon-tile {
  margin-top: 76px; }

.mike .phrase {
  margin-top: 20px; }

@media only screen and (max-width: 1068px) {
  .mike .icon-tile {
    margin-top: 40px; }
  .mike .phrase {
    margin-top: 14px; } }

@media only screen and (max-width: 735px) {
  .mike .icon-tile {
    margin-top: 14px; }
  .mike .phrase {
    margin-top: 10px; } }

.pickacard .hero-img {
  margin-top: 52px; }

.pickacard .question {
  margin-top: 22px; }

@media only screen and (max-width: 1068px) {
  .pickacard .hero-img {
    margin-top: 40px; }
  .pickacard .question {
    margin-top: 13px; } }

@media only screen and (max-width: 735px) {
  .pickacard .hero-img {
    margin-top: 20px; }
  .pickacard .question {
    margin-top: 10px; }
  .pickacard .siri-response {
    margin-top: 6px; } }

@media only screen and (max-width: 735px) {
  .golden-gate .device-bottom .one-line {
    margin-top: 30px;
    margin-bottom: 26px; } }

.dinner-party .hero-img {
  margin-top: 50px; }

.dinner-party .phrase {
  margin-top: 208px; }

@media only screen and (max-width: 1068px) {
  .dinner-party .phrase {
    margin-top: 112px; } }

@media only screen and (max-width: 735px) {
  .dinner-party .phrase {
    margin-top: 73px; } }

.room-blue .icon-tile {
  margin-top: 52px; }

@media only screen and (max-width: 1068px) {
  .room-blue .icon-tile {
    margin-top: 34px; } }

@media only screen and (max-width: 735px) {
  .room-blue .icon-tile {
    margin-top: 27px; } }

.movie-night .icon-tile {
  margin-top: 59px; }

.movie-night .description {
  max-width: 390px; }

@media only screen and (max-width: 1068px) {
  .movie-night .icon-tile {
    margin-top: 42px; } }

@media only screen and (max-width: 735px) {
  .movie-night .icon-tile {
    margin-top: 22px; }
  .movie-night .description {
    max-width: 300px; } }

.lock-front-door .phrase {
  max-width: 196px; }

.lock-front-door .icon-tile {
  margin-top: 87px; }

@media only screen and (max-width: 1068px) {
  .lock-front-door .icon-tile {
    margin-top: 60px; } }

@media only screen and (max-width: 735px) {
  .lock-front-door .icon-tile {
    margin-top: 48px; } }

.turn-on-printer .icon-tile {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .turn-on-printer .icon-tile {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .turn-on-printer .icon-tile {
    margin-top: 50px; } }

.im-home .phrase {
  margin-top: 200px; }

.im-home .hero-img {
  margin-top: 120px; }

@media only screen and (max-width: 1068px) {
  .im-home .phrase {
    margin-top: 112px; }
  .im-home .hero-img {
    margin-top: 120px; } }

@media only screen and (max-width: 735px) {
  .im-home .phrase {
    margin-top: 136px; }
  .im-home .hero-img {
    margin-top: 44px; } }

.set-brightnes .icon-tile {
  margin-top: 75px; }

@media only screen and (max-width: 1068px) {
  .set-brightnes .icon-tile {
    margin-top: 57px; } }

@media only screen and (max-width: 735px) {
  .set-brightnes .icon-tile {
    margin-top: 39px; } }

.set-up-party .hero-img {
  margin-top: 120px;
  margin-bottom: 17px; }

.set-up-party .description {
  max-width: 451px; }

@media only screen and (max-width: 1068px) {
  .set-up-party .hero-img {
    margin-top: 80px; }
  .set-up-party .description {
    width: 300px; } }

@media only screen and (max-width: 735px) {
  .set-up-party .hero-img {
    margin-top: 50px; } }

.turn-bathroom-heater .icon-tile {
  margin-top: 90px; }

@media only screen and (max-width: 1068px) {
  .turn-bathroom-heater .icon-tile {
    margin-top: 71px; } }

@media only screen and (max-width: 735px) {
  .turn-bathroom-heater .icon-tile {
    margin-top: 50px; } }

.chloes-light .icon-tile {
  margin-top: 104px; }

@media only screen and (max-width: 1068px) {
  .chloes-light .icon-tile {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .chloes-light .icon-tile {
    margin-top: 50px; } }

.set-tahoe-house .icon-tile {
  margin-top: 104px; }

@media only screen and (max-width: 1068px) {
  .set-tahoe-house .icon-tile {
    margin-top: 62px; } }

@media only screen and (max-width: 735px) {
  .set-tahoe-house .icon-tile {
    margin-top: 50px; } }

.page-overview .section-hero {
  z-index: 1001;
  width: inherit;
  max-width: inherit;
  height: 100%;
  color: #fff;
  text-align: center;
  background-position: 50% 100%;
  background-color: #7d7d7d; }
  html.oldie .page-overview .section-hero {
    width: 1024px;
    margin-left: auto;
    margin-right: auto; }
  .page-overview .section-hero .section-hero-headline {
    margin-top: 29px; }
  .page-overview .section-hero .section-hero-headline-alt {
    display: none; }
  .page-overview .section-hero .section-content {
    padding-bottom: 200px; }
    .transition .page-overview .section-hero .section-content {
      opacity: 0;
      -webkit-transform: translate3d(0, 75px, 0);
              transform: translate3d(0, 75px, 0); }
      .transition .page-overview .section-hero .section-content .icon-hero {
        opacity: 0; }
      .transition .page-overview .section-hero .section-content .intro {
        opacity: 0; }
    .page-overview .section-hero .section-content .icon-hero {
      margin-top: 99px; }
    .page-overview .section-hero .section-content .section-hero-headline {
      font-size: 72px;
      line-height: 1.05556;
      font-weight: 100;
      letter-spacing: -0.024em;
      width: 800px;
      margin-left: auto;
      margin-right: auto; }
      html.oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-weight: normal;
        font-family: "Myriad Set Pro 100", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      html[lang=ja-JP].oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-family: "Apple TP 100", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      html[lang=zh-CN].oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-family: "PingHei 100", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      html[lang=zh-TW].oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-family: "MHei 100", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      html[lang=zh-HK].oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-family: "MHei 100", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      html[lang=th-TH].oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-family: "Sukhumvit Set 100", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      html[lang=ko-KR].oldie .page-overview .section-hero .section-content .section-hero-headline {
        font-family: "Yoon Gothic 100", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      @media only screen and (max-width: 1068px) {
        .page-overview .section-hero .section-content .section-hero-headline {
          font-size: 64px;
          line-height: 1.0625;
          font-weight: 100;
          letter-spacing: -0.02em; } }
      @media only screen and (max-width: 735px) {
        .page-overview .section-hero .section-content .section-hero-headline {
          font-size: 42px;
          line-height: 1.14286;
          font-weight: 100;
          letter-spacing: -0.01em; } }
    .page-overview .section-hero .section-content .intro {
      width: 751px;
      margin-left: auto;
      margin-right: auto; }
    @media only screen and (max-width: 1068px) {
      .page-overview .section-hero .section-content .icon-hero {
        margin-top: 70px; }
      .page-overview .section-hero .section-content .section-hero-headline {
        width: 600px; }
      .page-overview .section-hero .section-content .intro {
        width: 650px; } }
    @media only screen and (max-width: 735px) {
      .page-overview .section-hero .section-content {
        width: auto;
        margin-left: 5%;
        margin-right: 5%; }
        .page-overview .section-hero .section-content .icon-hero {
          margin-top: 99px; }
        .page-overview .section-hero .section-content .section-hero-headline,
        .page-overview .section-hero .section-content .intro {
          width: auto; }
        .page-overview .section-hero .section-content .section-hero-headline {
          max-width: 460px;
          margin-top: 22px; } }
  .page-overview .section-hero.fade .section-content {
    -webkit-transition: -webkit-transform 400ms 2000ms ease-out, opacity 400ms 400ms ease-out;
            transition: transform 400ms 2000ms ease-out, opacity 400ms 400ms ease-out;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
    .page-overview .section-hero.fade .section-content .icon-hero {
      -webkit-transition: opacity 500ms 2500ms ease-in;
              transition: opacity 500ms 2500ms ease-in;
      opacity: 1; }
    .page-overview .section-hero.fade .section-content .intro {
      -webkit-transition: opacity 500ms 3000ms ease-in;
              transition: opacity 500ms 3000ms ease-in;
      opacity: 1; }
  .page-overview .section-hero .section-hero-waveform {
    position: absolute;
    z-index: 1;
    bottom: 51px;
    width: 100%;
    background-position: 50% 100%; }
    html.oldie .page-overview .section-hero .section-hero-waveform {
      margin-left: -50%; }