@charset "UTF-8";
/* Modified Poor Man’s Reset
 * -------------------------------------------------------
 */
html, body {
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

html {
  font-size: 1em; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a img, :link img, :visited img {
  border: 0; }

/* Utilities
 * -------------------------------------------------------
 */
.alpha-0 {
  opacity: 0; }

/* Variables
 * -------------------------------------------------------
 */
/* Ad content
 * -------------------------------------------------------
 */
#ad_content {
  background: #e4e5e3;
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 300px;
  height: 250px; }
  #ad_content div, #ad_content img {
    position: absolute; }

.headline {
  top: 20px;
  left: 20px; }

#branding {
  bottom: 20px;
  left: 20px; }

#cta {
  bottom: 20px;
  right: 20px; }

#tab_e8_small {
  top: 112px;
  left: 155px; }

#tab_e8_large {
  top: 110px;
  left: 143px; }

#tab_s2_small {
  top: 52px;
  left: 168px; }

#tab_s2_large {
  top: 105px;
  left: 135px; }

#legal_2,
#legal_3 {
  top: 112px;
  left: 20px; }

#subcopy_5 {
  top: 155px;
  left: 20px; }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.branding {
  background-image: url(spritesheet.png);
  background-position: -112px -226px;
  width: 93px;
  height: 20px;
}
.cta {
  background-image: url(spritesheet.png);
  background-position: -112px -201px;
  width: 89px;
  height: 25px;
}
.headline_1 {
  background-image: url(spritesheet.png);
  background-position: 0px -124px;
  width: 112px;
  height: 150px;
}
.headline_2 {
  background-image: url(spritesheet.png);
  background-position: -112px -124px;
  width: 179px;
  height: 77px;
}
.headline_3 {
  background-image: url(spritesheet.png);
  background-position: 0px -274px;
  width: 169px;
  height: 77px;
}
.headline_4 {
  background-image: url(spritesheet.png);
  background-position: -309px 0px;
  width: 139px;
  height: 98px;
}
.headline_5 {
  background-image: url(spritesheet.png);
  background-position: 0px 0px;
  width: 143px;
  height: 124px;
}
.legal_2 {
  background-image: url(spritesheet.png);
  background-position: -143px -104px;
  width: 111px;
  height: 19px;
}
.legal_3 {
  background-image: url(spritesheet.png);
  background-position: -201px -201px;
  width: 104px;
  height: 19px;
}
.subcopy_5 {
  background-image: url(spritesheet.png);
  background-position: -112px -246px;
  width: 122px;
  height: 13px;
}
.tab_e8_large {
  background-image: url(spritesheet.png);
  background-position: -309px -98px;
  width: 139px;
  height: 93px;
}
.tab_e8_small {
  background-image: url(spritesheet.png);
  background-position: -309px -191px;
  width: 116px;
  height: 76px;
}
.tab_s2_large {
  background-image: url(spritesheet.png);
  background-position: -143px 0px;
  width: 166px;
  height: 104px;
}
.tab_s2_small {
  background-image: url(spritesheet.png);
  background-position: 0px -351px;
  width: 131px;
  height: 86px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .branding {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .cta {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .headline_1 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .headline_2 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .headline_3 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .headline_4 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .headline_5 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .legal_2 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .legal_3 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .subcopy_5 {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .tab_e8_large {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .tab_e8_small {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .tab_s2_large {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
  .tab_s2_small {
    background-image: url(spritesheet@2x.png);
    background-size: 448px 437px;
  }
}