html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

/* light */
@font-face {
  font-family: wfutura;
  src: url(../fonts/73c11c644dc58487178f0b4cc8e7a0af.eot);
  src: url(../fonts/73c11c644dc58487178f0b4cc8e7a0af.eot?#iefix) format("embedded-opentype"), url(../fonts/d2e40ea1e1cbd62160f44b2b05227e65.woff) format("woff"), url(../fonts/3ca097a2cf4434d746bac244f421e562.ttf) format("truetype"), url(../fonts/d11f2e3a75de1b47bfe6ec7371150ec0.svg#ourfuturalight) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: block; }

/* regular */
@font-face {
  font-family: wfutura;
  src: url(../fonts/12216386bf78c15bd32b95f406d81db3.eot);
  src: url(../fonts/12216386bf78c15bd32b95f406d81db3.eot?#iefix) format("embedded-opentype"), url(../fonts/97395790f6f03940729f361c5cc901ca.woff) format("woff"), url(../fonts/12ae92a221974fed0925e56bf4808f00.ttf) format("truetype"), url(../fonts/58b54132d334b3d992758a9efb2d7c73.svg#wfuturamedium) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block; }

/* medium */
@font-face {
  font-family: wfutura;
  src: url(../fonts/12216386bf78c15bd32b95f406d81db3.eot);
  src: url(../fonts/12216386bf78c15bd32b95f406d81db3.eot?#iefix) format("embedded-opentype"), url(../fonts/97395790f6f03940729f361c5cc901ca.woff) format("woff"), url(../fonts/12ae92a221974fed0925e56bf4808f00.ttf) format("truetype"), url(../fonts/58b54132d334b3d992758a9efb2d7c73.svg#wfuturamedium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: block; }

/* semibold */
@font-face {
  font-family: wfutura;
  src: url(../fonts/7c49bc0ac73a4775b76ed2634955b2ca.eot);
  src: url(../fonts/7c49bc0ac73a4775b76ed2634955b2ca.eot?#iefix) format("embedded-opentype"), url(../fonts/1a20d66964e0e2206687870ba2354329.woff) format("woff"), url(../fonts/6cdb5c2b8409c1aeef0d7e5986dd9549.ttf) format("truetype"), url(../fonts/d03d06abd362aab979b04ac9f017b62d.svg#ourfuturasemibold) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: block; }

/* bold */
@font-face {
  font-family: wfutura;
  src: url(../fonts/08384efbfd19877ec71c17797e17fa0f.eot);
  src: url(../fonts/08384efbfd19877ec71c17797e17fa0f.eot?#iefix) format("embedded-opentype"), url(../fonts/de0fc9939e02da0578e1c6e77b8c579d.woff) format("woff"), url(../fonts/3b80d3036f6db28289ec7b96b636cc73.ttf) format("truetype"), url(../fonts/053f7bb481b079d853081e12b1ae594b.svg#ourfuturabold) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: block; }

/* At Out Bodoni */
@font-face {
  font-family: ATOurBodoni;
  src: url(../fonts/ATOurBodoniRegular.otf) format("opentype");
  font-display: block; }

* {
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  background: #000;
  color: #fff; }

.desktop {
  display: none; }

@media (min-width: 1024px) {
  .desktop {
    display: block; }
  .mobile {
    display: none; } }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 64px;
  display: flex;
  flex-direction: row;
  padding: 24px;
  z-index: 10000; }

.header .left {
  flex: 1; }

.header a {
  text-decoration: none;
  display: inline-block; }

.header h1 {
  background: url(/img/logo-ww.svg) no-repeat;
  background-size: 156px 16px;
  width: 156px;
  height: 16px;
  font-size: 1px;
  text-indent: -9999px;
  flex: 1; }

.header .w {
  display: none;
  background: url(/img/logo-w.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px; }
  @media (min-width: 1024px) {
    .header .w {
      display: block;
      opacity: 1;
      transition: opacity .15s ease-in-out; } }

.header.modal .w {
  opacity: 0;
  pointer-events: none; }

.header .hamburger {
  background: url(/img/icon-hamburger.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  transition: opacity .15s ease-in-out;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .header .hamburger {
      display: none;
      pointer-events: none; } }

.header.modal .hamburger {
  opacity: 0;
  pointer-events: none; }

.nav-open .header .hamburger {
  opacity: 0;
  pointer-events: none; }

.header .close {
  background: url(/img/icon-close.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 24px;
  transition: opacity .15s ease-in-out;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .header .close {
      width: 40px;
      height: 40px;
      background-size: 40px 40px;
      right: 40px;
      top: 40px; } }

.header.modal .close {
  pointer-events: all;
  opacity: 1; }
  @media (min-width: 1024px) {
    .header.modal .close {
      display: block; } }

.nav-open .header .close {
  opacity: 1;
  pointer-events: all; }

@media (min-width: 1024px) {
  .header {
    padding: 40px 40px 52px;
    height: 100px; }
  .header h1 {
    background-size: 200px 20px;
    width: 200px;
    height: 20px; }
  .header .w {
    background-size: 40px 40px;
    width: 40px;
    height: 40px; } }

.home {
  height: 100vh;
  overflow: hidden; }
  .home .video-bg, .home .dynamic-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover; }
  .home .dynamic-bg video, .home .dynamic-bg img {
    position: absolute;
    width: calc(max(100vw, 100vh * 16 / 9));
    aspect-ratio: 16/9;
    left: 50%;
    top: 50%;
    margin-left: calc(max(50vw, 50vh * 16 / 9) * -1);
    margin-top: calc(max(50vh, 50vw * 9 / 16) * -1); }
  .home .lockup {
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: sticky; }
    .home .lockup .logo {
      width: 215px;
      height: 212px;
      margin-bottom: 56px; }
      @media (min-width: 1024px) {
        .home .lockup .logo {
          width: 40vh;
          height: calc(247 / 251 * 40vh);
          margin-bottom: 7.3vh;
          margin-left: -2vh; } }
    .home .lockup p {
      color: #fff;
      font: 500 20px/24px wfutura, Helvetica, Arial, sans-serif;
      text-align: center;
      text-transform: uppercase;
      max-width: 366px;
      padding: 0 16px; }
      @media (min-width: 1024px) {
        .home .lockup p {
          font: 500 24px/28.8px wfutura, Helvetica, Arial, sans-serif;
          max-width: 70vh;
          font-size: 2.8vh;
          line-height: calc(1.2 * 2.8vh); } }
  .home .cta {
    position: absolute;
    left: 50%;
    bottom: 64px;
    width: 32px;
    height: 94px;
    background: url(/img/icon-scroll-down.svg) no-repeat;
    background-size: cover;
    margin-left: -16px; }
    @media (min-width: 1024px) {
      .home .cta {
        bottom: 10vh;
        width: 32px;
        height: 94px; } }

.homepage section {
  position: relative; }
  .homepage section.large, .homepage section.full-height {
    min-height: 100vh; }

@media (min-width: 1024px) {
  .homepage .lockup {
    padding-left: 0 !important; } }

_::-webkit-full-page-media, _:future, :root .timeline .bg {
  background-attachment: scroll !important; }

.timeline, .homepage, .endscreen {
  /* -- */ }
  .timeline section, .homepage section, .endscreen section {
    position: relative; }
    @media (min-width: 1024px) {
      .timeline section.large, .timeline section.full-height, .homepage section.large, .homepage section.full-height, .endscreen section.large, .endscreen section.full-height {
        min-height: 100vh; } }
    @media (min-width: 1024px) {
      .timeline section.mid-height, .homepage section.mid-height, .endscreen section.mid-height {
        min-height: 75vh; } }
    @media (min-width: 1024px) {
      .timeline section, .homepage section, .endscreen section {
        display: flex;
        flex-direction: column;
        justify-content: center; } }
  @media (min-width: 1024px) {
    .timeline .parallax .bg, .homepage .parallax .bg, .endscreen .parallax .bg {
      position: relative;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%; } }
  .timeline .bg-wrapper, .homepage .bg-wrapper, .endscreen .bg-wrapper {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
  .timeline .bg, .homepage .bg, .endscreen .bg {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
    @media (min-width: 1024px) {
      .timeline .bg, .homepage .bg, .endscreen .bg {
        background-attachment: fixed; } }
  .timeline .lockup, .homepage .lockup, .endscreen .lockup {
    z-index: 10;
    top: 20px; }
    .timeline .lockup h1, .timeline .lockup h2, .timeline .lockup h3, .timeline .lockup .play, .homepage .lockup h1, .homepage .lockup h2, .homepage .lockup h3, .homepage .lockup .play, .endscreen .lockup h1, .endscreen .lockup h2, .endscreen .lockup h3, .endscreen .lockup .play {
      max-width: 400px;
      margin-bottom: 16px; }
      .timeline .lockup h1:last-child, .timeline .lockup h2:last-child, .timeline .lockup h3:last-child, .timeline .lockup .play:last-child, .homepage .lockup h1:last-child, .homepage .lockup h2:last-child, .homepage .lockup h3:last-child, .homepage .lockup .play:last-child, .endscreen .lockup h1:last-child, .endscreen .lockup h2:last-child, .endscreen .lockup h3:last-child, .endscreen .lockup .play:last-child {
        margin-bottom: 0; }
    .timeline .lockup h1, .homepage .lockup h1, .endscreen .lockup h1 {
      font: 600 56px/56px wfutura, Helvetica, Arial, sans-serif;
      position: relative; }
      @media (min-width: 1024px) {
        .timeline .lockup h1, .homepage .lockup h1, .endscreen .lockup h1 {
          font: 600 64px/64px wfutura, Helvetica, Arial, sans-serif; } }
      .timeline .lockup h1:after, .homepage .lockup h1:after, .endscreen .lockup h1:after {
        content: '';
        display: block;
        position: absolute;
        top: 20px;
        left: -32px;
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 8px; }
    .timeline .lockup h2, .homepage .lockup h2, .endscreen .lockup h2 {
      font: 500 24px/25px ATOurBodoni, Bodoni, Georgia, serif;
      text-transform: uppercase; }
    .timeline .lockup h3, .homepage .lockup h3, .endscreen .lockup h3 {
      font: 400 16px/19.2px wfutura, Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .timeline .lockup h3, .homepage .lockup h3, .endscreen .lockup h3 {
          font: 400 20px/24px wfutura, Helvetica, Arial, sans-serif; } }
      .timeline .lockup h3 b, .homepage .lockup h3 b, .endscreen .lockup h3 b {
        font-weight: 600; }
    .timeline .lockup.large h1, .homepage .lockup.large h1, .endscreen .lockup.large h1 {
      font: 600 120px/120px wfutura, Helvetica, Arial, sans-serif;
      margin-bottom: 0; }
    .timeline .lockup.large h1:after, .homepage .lockup.large h1:after, .endscreen .lockup.large h1:after {
      top: 52px; }
    .timeline .lockup.large h2, .homepage .lockup.large h2, .endscreen .lockup.large h2 {
      font: 500 40px/41px ATOurBodoni, Bodoni, Georgia, serif; }
    .timeline .lockup .play, .homepage .lockup .play, .endscreen .lockup .play {
      width: 40px;
      height: 40px;
      background: url(/img/icon-play.svg) no-repeat;
      background-size: cover;
      cursor: pointer;
      transition: all .2s ease-in-out;
      transform-origin: 50% 50%; }
      .timeline .lockup .play:hover, .homepage .lockup .play:hover, .endscreen .lockup .play:hover {
        transform: scale(1.05); }
  .timeline .content, .timeline .images, .homepage .content, .homepage .images, .endscreen .content, .endscreen .images {
    padding: 32px 24px 32px 48px; }
  .timeline .content, .homepage .content, .endscreen .content {
    height: 100%;
    display: flex;
    flex-direction: column; }
  .timeline .images, .homepage .images, .endscreen .images {
    position: relative;
    transform-origin: 100% 0%; }
    @media (max-width: 1023px) {
      .timeline .images, .homepage .images, .endscreen .images {
        padding: 24px;
        padding-left: 0; } }
    .timeline .images .inner, .homepage .images .inner, .endscreen .images .inner {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end; }
    .timeline .images .shim, .homepage .images .shim, .endscreen .images .shim {
      transform-origin: 100% 0%;
      z-index: 1e6; }
    .timeline .images img, .homepage .images img, .endscreen .images img {
      position: absolute;
      box-shadow: 0px 42px 65px rgba(0, 0, 0, 0.28), 0px 9.38125px 14.5186px rgba(0, 0, 0, 0.16691), 0px 2.79304px 4.32257px rgba(0, 0, 0, 0.11309); }
      .timeline .images img.no-shadow, .homepage .images img.no-shadow, .endscreen .images img.no-shadow {
        box-shadow: none; }
  .timeline .flip .images, .homepage .flip .images, .endscreen .flip .images {
    transform-origin: 0 0%; }
    .timeline .flip .images .shim, .homepage .flip .images .shim, .endscreen .flip .images .shim {
      transform-origin: 0 0%; }
  .timeline .flip .images .inner, .homepage .flip .images .inner, .endscreen .flip .images .inner {
    justify-content: flex-start; }
  .timeline .line, .homepage .line, .endscreen .line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    width: 1px;
    background: #fff;
    z-index: 100; }
  .timeline section:first-child .line, .homepage section:first-child .line, .endscreen section:first-child .line {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 25vh, white 100%); }
  .timeline .line-end, .homepage .line-end, .endscreen .line-end {
    position: absolute;
    top: 0;
    left: 24px;
    height: 10vh;
    width: 1px;
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
    z-index: 100; }
  @media (min-width: 1024px) {
    .timeline section.flip, .homepage section.flip, .endscreen section.flip {
      text-align: right; }
    .timeline .content, .timeline .images, .homepage .content, .homepage .images, .endscreen .content, .endscreen .images {
      padding: 80px 40px; }
    .timeline .small .content, .homepage .small .content, .endscreen .small .content {
      padding: 10vh 80px; }
    .timeline .medium .content, .homepage .medium .content, .endscreen .medium .content {
      padding: 14vh 80px; }
    .timeline .medium.full-height .content,
    .timeline .small.full-height .content, .homepage .medium.full-height .content,
    .homepage .small.full-height .content, .endscreen .medium.full-height .content,
    .endscreen .small.full-height .content {
      padding-top: 20vh; }
    .timeline .medium.mid-height .content,
    .timeline .small.mid-height .content, .homepage .medium.mid-height .content,
    .homepage .small.mid-height .content, .endscreen .medium.mid-height .content,
    .endscreen .small.mid-height .content {
      height: 100%; }
    .timeline .content, .homepage .content, .endscreen .content {
      flex-direction: row-reverse;
      align-items: flex-start; }
    .timeline section.flip .content, .homepage section.flip .content, .endscreen section.flip .content {
      flex-direction: row; }
    .timeline .lockup, .timeline .images, .homepage .lockup, .homepage .images, .endscreen .lockup, .endscreen .images {
      min-width: 50%; }
    .timeline .lockup, .homepage .lockup, .endscreen .lockup {
      display: flex;
      flex-direction: column;
      padding-left: 40px; }
      .timeline .lockup.flip, .homepage .lockup.flip, .endscreen .lockup.flip {
        align-items: flex-end;
        padding-left: 0;
        padding-right: 40px; }
      .timeline .lockup h1:after, .homepage .lockup h1:after, .endscreen .lockup h1:after {
        left: -48px; }
      .timeline .lockup.flip h1:after, .homepage .lockup.flip h1:after, .endscreen .lockup.flip h1:after {
        left: auto;
        right: -48px; }
      .timeline .lockup.large, .homepage .lockup.large, .endscreen .lockup.large {
        padding-top: 16vh;
        padding-bottom: 16vh;
        top: 0; }
      .timeline .lockup.medium h1, .homepage .lockup.medium h1, .endscreen .lockup.medium h1 {
        font: 600 96px/96px wfutura, Helvetica, Arial, sans-serif;
        margin-bottom: 8px; }
      .timeline .lockup.large h1, .homepage .lockup.large h1, .endscreen .lockup.large h1 {
        font: 600 180px/180px wfutura, Helvetica, Arial, sans-serif;
        margin-bottom: 0; }
      .timeline .lockup.large h2, .homepage .lockup.large h2, .endscreen .lockup.large h2 {
        font: 500 48px/48px ATOurBodoni, Bodoni, Georgia, serif; }
      .timeline .lockup.medium h2, .homepage .lockup.medium h2, .endscreen .lockup.medium h2 {
        font: 500 40px/40px ATOurBodoni, Bodoni, Georgia, serif; }
      .timeline .lockup h1, .timeline .lockup h2, .timeline .lockup h3, .timeline .lockup .play, .homepage .lockup h1, .homepage .lockup h2, .homepage .lockup h3, .homepage .lockup .play, .endscreen .lockup h1, .endscreen .lockup h2, .endscreen .lockup h3, .endscreen .lockup .play {
        max-width: 420px; }
    .timeline .orphan .lockup h1, .timeline .orphan .lockup h2, .timeline .orphan .lockup h3, .timeline .orphan .lockup .play, .homepage .orphan .lockup h1, .homepage .orphan .lockup h2, .homepage .orphan .lockup h3, .homepage .orphan .lockup .play, .endscreen .orphan .lockup h1, .endscreen .orphan .lockup h2, .endscreen .orphan .lockup h3, .endscreen .orphan .lockup .play {
      max-width: 380px; }
    .timeline .orphan2 .lockup h1, .timeline .orphan2 .lockup h2, .timeline .orphan2 .lockup h3, .timeline .orphan2 .lockup .play, .homepage .orphan2 .lockup h1, .homepage .orphan2 .lockup h2, .homepage .orphan2 .lockup h3, .homepage .orphan2 .lockup .play, .endscreen .orphan2 .lockup h1, .endscreen .orphan2 .lockup h2, .endscreen .orphan2 .lockup h3, .endscreen .orphan2 .lockup .play {
      max-width: 360px; }
    .timeline .orphan3 .lockup h3, .homepage .orphan3 .lockup h3, .endscreen .orphan3 .lockup h3 {
      max-width: 280px; }
    .timeline .line, .timeline .line-start, .timeline .line-end, .homepage .line, .homepage .line-start, .homepage .line-end, .endscreen .line, .endscreen .line-start, .endscreen .line-end {
      left: 50%; }
    .timeline .large .images, .homepage .large .images, .endscreen .large .images {
      padding-top: 16vh; } }

.nav-open .timeline {
  pointer-events: none; }

.decades {
  position: fixed;
  left: 0;
  top: 0;
  width: 100px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 5000; }
  .decades a {
    cursor: pointer;
    display: block;
    font: 600 16px/16px wfutura, Helvetica, Arial, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    text-decoration: none;
    transition: all .2s ease-out; }
    .decades a:hover {
      font-size: 160%;
      line-height: 120%; }
    .decades a.active {
      font-size: 145%;
      line-height: 100%; }

@media (max-width: 1023px) {
  .decades {
    background: rgba(0, 0, 0, 0);
    align-items: center;
    width: 100vw;
    transition: all .3s ease-in-out;
    pointer-events: none; }
    .decades a {
      opacity: 0;
      transform: translateY(30);
      transition: all .3s ease-in-out; }
    .decades a:nth-child(1) {
      transition-delay: 0s; }
    .decades a:nth-child(2) {
      transition-delay: 0.025s; }
    .decades a:nth-child(3) {
      transition-delay: 0.05s; }
    .decades a:nth-child(4) {
      transition-delay: 0.075s; }
    .decades a:nth-child(5) {
      transition-delay: 0.1s; }
    .decades a:nth-child(6) {
      transition-delay: 0.125s; }
    .decades a:nth-child(7) {
      transition-delay: 0.15s; }
    .decades a:nth-child(8) {
      transition-delay: 0.175s; }
    .decades a:nth-child(9) {
      transition-delay: 0.2s; }
    .decades a:nth-child(10) {
      transition-delay: 0.225s; }
    .decades a:nth-child(11) {
      transition-delay: 0.25s; }
    .decades a:nth-child(12) {
      transition-delay: 0.275s; }
    .decades a:nth-child(13) {
      transition-delay: 0.3s; }
    .decades a:nth-child(14) {
      transition-delay: 0.325s; }
  .nav-open .decades {
    background: #000;
    pointer-events: all; }
    .nav-open .decades a {
      opacity: 1;
      transform: none; } }

.video-player {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 8000;
  transition: all .2s ease-in-out; }
  .video-player.hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(1.02); }
  .video-player .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .video-player .shim {
    display: block;
    width: 100%;
    height: auto;
    display: none; }
  .video-player.ar-4-3 .shim-4-3 {
    display: block; }
  .video-player.ar-16-9 .shim-16-9 {
    display: block; }
  .video-player iframe {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  @media (min-width: 1024px) {
    .video-player {
      padding: 128px; } }

.watermark {
  position: fixed;
  left: 24px;
  bottom: 24px;
  width: 44px;
  height: 40px;
  background: url(/img/watermark.svg) no-repeat;
  background-size: cover;
  z-index: 10000; }
  @media (min-width: 1024px) {
    .watermark {
      left: 40px;
      bottom: 40px;
      width: 80px;
      height: 72px; } }