/* Mixins */
body {
  height: auto; }

#weAreLive {
  z-index: 1000; }
  #weAreLive > div > .inner > .bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: absolute;
    transition: transform 30s ease 0s;
    /* Firefox 4 */
    -moz-transition: -moz-transform 30s ease 0s;
    /* Safari and Chrome */
    -webkit-transition: -webkit-transform 30s ease 0s;
    /* Opera */
    -o-transition: -o-transform 30s ease 0s; }
    #weAreLive > div > .inner > .bg.zoom {
      transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0);
      -ms-transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0);
      -webkit-transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0);
      -moz-transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0);
      -o-transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0); }
  #weAreLive .content {
    width: 100%;
    height: 100%;
    position: absolute;
    display: table; }
    #weAreLive .content > div {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      min-height: 350px; }
      #weAreLive .content > div #banner-text {
        opacity: 0;
        /*filter:alpha(opacity=($value*100)); /* For IE8 and earlier */
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1);
        font-weight: 300;
        background: url(/content/img/global/1px-transparent-black.png);
        border: 7px solid #AAA;
        color: #AF1E2D;
        font-size: 126px;
        width: 900px;
        text-align: center;
        margin: auto;
        margin-top: 50px;
        padding: 20px 0;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        text-shadow: 0px 0px 20px #000;
        -ms-text-shadow: 0px 0px 20px #000;
        -webkit-text-shadow: 0px 0px 20px #000;
        -moz-text-shadow: 0px 0px 20px #000;
        -o-text-shadow: 0px 0px 20px #000; }
      #weAreLive .content > div p.copy {
        opacity: 0;
        /*filter:alpha(opacity=($value*100)); /* For IE8 and earlier */
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        margin: 20px 0; }
      #weAreLive .content > div .scrollNext {
        opacity: 0;
        /*filter:alpha(opacity=($value*100)); /* For IE8 and earlier */
        margin: 40px auto 0px;
        display: block; }

#connecting {
  z-index: 1500;
  top: 0px;
  border-bottom: 5px solid #AF1E2D; }
  #connecting > div > .inner > .bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: absolute; }
  #connecting .layer1 {
    position: relative;
    margin-top: 100px; }
    #connecting .layer1 > .icons {
      width: 100%;
      margin: 130px 0; }
      #connecting .layer1 > .icons > .icon {
        width: 50%;
        float: left; }
        #connecting .layer1 > .icons > .icon > div {
          background-size: contain;
          -ms-background-size: contain;
          -webkit-background-size: contain;
          -moz-background-size: contain;
          -o-background-size: contain;
          background-repeat: no-repeat;
          background-position: left; }
          #connecting .layer1 > .icons > .icon > div > p {
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            font-size: 25px;
            line-height: 0.9;
            margin: 0; }
            #connecting .layer1 > .icons > .icon > div > p.number {
              color: #AF1E2D;
              font-size: 120px;
              margin-top: -9px; }
        #connecting .layer1 > .icons > .icon#user > div {
          float: right;
          padding: 0 120px;
          background-image: url(/content/img/home/icon-user.png); }
        #connecting .layer1 > .icons > .icon#location > div {
          margin: auto;
          width: 45%;
          min-width: 280px;
          padding-left: 80px;
          background-image: url(/content/img/home/icon-location.png); }
        #connecting .layer1 > .icons > .icon#world > div {
          float: left;
          padding-left: 130px;
          margin-left: 120px;
          background-image: url(/content/img/home/icon-world.png); }
    #connecting .layer1 p.copy {
      color: #FFF;
      text-align: center;
      text-transform: uppercase;
      font-size: 60px;
      line-height: 1; }
  #connecting .layer2 {
    background: url(/content/img/home/home_2-balcony.png) no-repeat bottom;
    background-size: contain;
    -ms-background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    width: 100%;
    height: 340px;
    position: absolute;
    bottom: 50px; }
  #connecting .scrollNext {
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -16px; }

#every20minutes {
  z-index: 300;
  border-top: 5px solid #AF1E2D; }
  #every20minutes > div > .inner > .bg {
    width: 100%;
    height: 100%;
    position: absolute; }
    #every20minutes > div > .inner > .bg > div {
      width: 110%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: cover;
      -ms-background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover; }
  #every20minutes > div > .inner > .layer1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
    #every20minutes > div > .inner > .layer1 > div {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: contain;
      -ms-background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain; }
  #every20minutes > div > .inner > .layer2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
    #every20minutes > div > .inner > .layer2 > div {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -ms-background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain; }
  #every20minutes > div > .inner > .layer3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
    #every20minutes > div > .inner > .layer3 > div {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -ms-background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain; }
  #every20minutes > div > .inner > .layer4 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
    #every20minutes > div > .inner > .layer4 > div {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -ms-background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain; }
  #every20minutes > div > .inner .layer5 {
    width: 100%;
    height: 100%;
    display: table;
    position: relative; }
    #every20minutes > div > .inner .layer5 > div {
      display: table-cell;
      vertical-align: middle; }
      #every20minutes > div > .inner .layer5 > div p.copy {
        color: #FFF;
        text-align: justify;
        text-align-last: justify;
        text-transform: uppercase;
        font-size: 47px;
        width: 650px;
        line-height: 1.3;
        margin: auto;
        text-shadow: 0px 0px 2px #000;
        -ms-text-shadow: 0px 0px 2px #000;
        -webkit-text-shadow: 0px 0px 2px #000;
        -moz-text-shadow: 0px 0px 2px #000;
        -o-text-shadow: 0px 0px 2px #000; }
        #every20minutes > div > .inner .layer5 > div p.copy > b {
          font-size: 66px; }
        #every20minutes > div > .inner .layer5 > div p.copy > span {
          font-size: 54px; }
        #every20minutes > div > .inner .layer5 > div p.copy:after {
          content: "";
          display: inline-block;
          width: 100%; }
  #every20minutes > div > .inner .scrollNext {
    display: block;
    margin: 50px auto; }

#globalMap > div > .inner {
  height: 100%; }
  #globalMap > div > .inner > .bg {
    width: 100%;
    height: auto;
    position: absolute;
    height: 350px; }
    #globalMap > div > .inner > .bg > div {
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      -ms-background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-repeat: no-repeat; }
  #globalMap > div > .inner > .layer1 {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    top: 0px;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 3, 1); }
    #globalMap > div > .inner > .layer1:hover {
      cursor: pointer; }
    #globalMap > div > .inner > .layer1 > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      #globalMap > div > .inner > .layer1 > div > a {
        font-size: 48px;
        line-height: 54px;
        margin: auto;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        text-shadow: 1px 1px 1px #222; }
        #globalMap > div > .inner > .layer1 > div > a:hover {
          color: #AF1E2D;
          text-decoration: none; }

#fourMarkets {
  z-index: 400;
  background: #000;
  padding: 0px 0px 83px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  #fourMarkets > div > .inner {
    padding-top: 83px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box; }
    #fourMarkets > div > .inner > .bg {
      width: 100%;
      height: 100%;
      position: absolute; }
      #fourMarkets > div > .inner > .bg > div {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        -ms-background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: none; }
  #fourMarkets p.copy {
    position: absolute;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 48px;
    margin: 0px;
    padding: 0px;
    width: 50%;
    height: 50%;
    display: table;
    line-height: 1; }
    #fourMarkets p.copy:hover {
      background: url(/content/img/global/1px-transparent-red.png); }
    #fourMarkets p.copy.heading {
      width: 100%;
      height: 83px;
      background-color: #000;
      padding: 25px 0px;
      top: 0;
      font-size: 36px;
      z-index: 100;
      display: block;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box; }
      #fourMarkets p.copy.heading:hover {
        background: inherit; }
    #fourMarkets p.copy.Concerts {
      top: 0px;
      left: 0px; }
    #fourMarkets p.copy.Ticketing {
      top: 0px;
      left: 50%; }
    #fourMarkets p.copy.Advertising {
      bottom: 0px;
      left: 0px; }
    #fourMarkets p.copy.Artist {
      bottom: 0px;
      left: 50%; }
  #fourMarkets .layer1 {
    height: 100%;
    margin-top: 0px;
    position: relative;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1); }
    #fourMarkets .layer1 a {
      color: #FFF; }
      #fourMarkets .layer1 a:hover {
        color: #AF1E2D; }
    #fourMarkets .layer1 ssfade {
      display: table-cell;
      vertical-align: middle; }
    #fourMarkets .layer1 .frame {
      position: absolute;
      background: #000; }
      #fourMarkets .layer1 .frame.verticle {
        width: 40px;
        height: 100%;
        top: 0px;
        left: 50%;
        margin-left: -20px; }
      #fourMarkets .layer1 .frame.horisontal {
        width: 100%;
        height: 40px;
        top: 50%;
        margin-top: -20px; }

#map {
  z-index: 500;
  top: 0px; }
  #map > div > .inner > .bg {
    width: 100%;
    height: 100%;
    position: absolute; }
    #map > div > .inner > .bg > div {
      width: 100%;
      height: 100%;
      background-attachment: fixed;
      background-position: right;
      background-size: cover;
      -ms-background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover; }
  #map > div > .inner .layer1 {
    height: 100%;
    width: 100%;
    position: absolute;
    /*&:hover {
				background: url(/content/img/global/1px-transparent-red.png);
			}*/ }
    #map > div > .inner .layer1 .mask {
      height: 33.33%;
      background: #000;
      width: 100%; }
    #map > div > .inner .layer1 #toTheMap {
      position: relative;
      height: 100%;
      display: table;
      width: 100%; }
      #map > div > .inner .layer1 #toTheMap p.copy {
        color: #FFF;
        text-align: center;
        text-transform: uppercase;
        font-size: 48px;
        display: table-cell;
        vertical-align: middle; }

@media (min-width: 2001px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 1126px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner {
    height: 783px; }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 1214px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 550px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 781px; }
  body > #page_wrapper > #viewport-wrapper > section#map > div > .inner {
    height: 350px; } }

/* ############################## */
/* original design size 1715 wide */
/* ############################## */
/* Large desktop */
@media (max-width: 2000px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 966px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner {
    height: 783px; }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 1214px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 450px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 670px; } }

@media (max-width: 1200px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 675px; }
    body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner #banner-text {
      font-size: 100px;
      width: 800px;
      padding: 10px 0;
      margin-top: 100px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner {
    height: 783px;
    /*.layer1 > .icons > .icon {
								width: auto;
								&#user { margin-left: 3%;}
								&#world { margin-left: -3%;}
							}*/ }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 900px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 350px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 468px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner p.copy {
      font-size: 42px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner p.copy.heading {
      padding: 28px 0px;
      font-size: 30px; } }

/* joshp / livejp1234! : http://livenation.q4web.com/default.aspx */
@media (max-width: 1024px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 576px; }
    body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner #banner-text {
      font-size: 80px;
      width: 640px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner {
    height: 783px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon {
      width: auto; }
      body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#user {
        margin-left: 2%; }
      body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#world {
        margin-left: -2%; }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 714px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 350px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 400px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner a.copy, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner p.copy {
      font-size: 42px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner p.copy.heading {
      padding: 17px 140px;
      font-size: 26px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner .layer1 .frame.verticle {
      width: 20px;
      margin-left: -10px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner .layer1 .frame.horisontal {
      height: 20px;
      margin-top: -10px; }
  body > #page_wrapper > #viewport-wrapper > section#map > div > .inner > .bg > div {
    background-attachment: initial; } }

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 551px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner {
    height: 783px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > p.copy {
      font-size: 50px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons {
      margin: 40px 0; }
      body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon {
        width: 100%; }
        body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon > div {
          float: none;
          margin: 10px auto; }
        body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#user > div {
          width: 230px;
          padding-right: 40px; }
        body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#location > div {
          width: 230px;
          padding-right: 10px; }
        body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#world > div {
          width: 140px;
          padding-right: 50px; }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 702px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 350px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 600px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > .frame {
      display: none; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy {
      height: 132px;
      width: 100%;
      position: static;
      margin: 0;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box; }
      body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy > ssfade, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy > ssfade {
        border-bottom: 10px solid #000; } }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 432px; }
    body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner #banner-text {
      font-size: 54px;
      width: 440px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner {
    height: 603px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > p.copy {
      font-size: 30px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon > div p {
      font-size: 19px; }
      body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon > div p.number {
        font-size: 90px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#user > div {
      width: 160px;
      padding-right: 50px;
      padding-left: 100px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#location > div {
      width: 230px;
      padding-right: 0px;
      padding-left: 30px; }
    body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > .icons > .icon#world > div {
      width: 140px;
      padding-right: 50px;
      padding-left: 100px; }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 432px; }
    body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner > .layer5 > div > p {
      width: 390px;
      font-size: 27px; }
      body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner > .layer5 > div > p > b {
        font-size: 40px; }
      body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner > .layer5 > div > p > span {
        font-size: 34px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 250px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap p {
    font-size: 32px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 460px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > .frame {
      display: none; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy {
      height: 97px;
      font-size: 32px; }
      body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy img, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy img {
        width: 250px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner p.copy.heading {
      font-size: 26px;
      padding: 16px 0px; } }

/* Landscape phones and down */
@media (max-width: 480px) {
  body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner {
    height: 270px; }
    body > #page_wrapper > #viewport-wrapper > section#weAreLive > div > .inner #banner-text {
      font-size: 40px;
      width: 80%;
      border-width: 2px;
      padding: 10px; }
  body > #page_wrapper > #viewport-wrapper > section#connecting > div > .inner .layer1 > p.copy {
    font-size: 20px; }
  body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner {
    height: 322px; }
    body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner > .layer5 > div > p {
      width: 300px;
      font-size: 23px; }
      body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner > .layer5 > div > p > b {
        font-size: 33px; }
      body > #page_wrapper > #viewport-wrapper > section#every20minutes > div > .inner > .layer5 > div > p > span {
        font-size: 26px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap > div > .inner {
    height: 250px; }
  body > #page_wrapper > #viewport-wrapper > section#globalMap p {
    font-size: 32px; }
  body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner {
    height: 400px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > .frame {
      display: none; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy {
      height: 81px;
      font-size: 22px; }
      body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy > ssfade, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy > ssfade {
        border-bottom: 7px solid #000; }
        body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 > a.copy > ssfade img, body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner > .layer1 p.copy > ssfade img {
          width: 200px; }
    body > #page_wrapper > #viewport-wrapper > section#fourMarkets > div > .inner p.copy.heading {
      font-size: 19px;
      padding: 16px 10px; } }