html {
  line-height: 1.2;
  font-size: 1em; }

h1 {
  font-size: 2.25em; }
  @media (min-width: 599px) {
    h1 {
      font-size: 0.875em; } }

h2 {
  font-size: 2.25em; }
  @media (min-width: 599px) {
    h2 {
      font-size: 0.875em; } }

h3 {
  font-size: 2.25em; }
  @media (min-width: 599px) {
    h3 {
      font-size: 0.875em; } }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html,
body {
  font-family: "bebas-neue-n4", "bebas-neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }
  @media (min-width: 600px) {
    html,
    body {
      width: 100%;
      height: 100%; } }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

.button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  overflow: hidden;
  outline: none; }

.loaded .landingPage__background .half-tone {
  -webkit-animation: fadeIn 1s;
          animation: fadeIn 1s; }

.wow {
  visibility: hidden; }

.my-anime-show {
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.42, 0, 0, 0.995);
  transition: opacity 1s cubic-bezier(0.42, 0, 0, 0.995); }

.show {
  opacity: 1; }

@-webkit-keyframes slideshow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%); } }

@keyframes slideshow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%); } }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.wow {
  visibility: hidden; }

@media (min-width: 600px) {
  .only-mobile {
    display: none !important; } }

@media (max-width: 599px) {
  .only-desktop {
    display: none !important; } }

.hidden-on-loading {
  opacity: 0 !important;
  visibility: hidden !important; }

.loaded .hidden-on-loading {
  opacity: 1 !important;
  visibility: visible !important; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

#covid-page {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 1950px;
  z-index: 140;
  overflow: hidden; }
  @media (min-width: 1025px) {
    #covid-page {
      min-height: 100%; } }
  @media (min-width: 1280px) {
    #covid-page {
      min-height: 600px; } }
  #covid-page a {
    color: white !important;
    text-decoration: none; }
  #covid-page a:hover {
    color: black !important;
    text-decoration: none; }
  #covid-page .polka {
    position: absolute;
    z-index: -2;
    height: 100%;
    width: 100%;
    min-height: 1950px;
    background: white url(../img/2019/POLKA.png) center right repeat;
    background-size: 2.5%; }
    @media (min-width: 1025px) {
      #covid-page .polka {
        min-height: 100%;
        background-size: 1.5%; } }
  #covid-page .right-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 1950px;
    background: linear-gradient(46deg, #FD1899 calc(46% - 3px), black calc(46% - 3px), black 46%, transparent 46%) transparent;
    z-index: -1; }
    @media (min-width: 1025px) {
      #covid-page .right-background {
        min-height: 100%;
        background: linear-gradient(66deg, transparent calc(46% - 3px), black calc(46% - 3px), black 46%, #FD1899 46%) transparent; } }
    @media (min-width: 1280px) {
      #covid-page .right-background {
        top: 0; } }
  #covid-page .social {
    position: absolute;
    right: 1em;
    top: 1em; }
    @media (min-width: 1280px) {
      #covid-page .social {
        top: auto;
        bottom: 1em; } }
    #covid-page .social a {
      height: 34px;
      width: 34px; }
      @media (min-width: 1280px) {
        #covid-page .social a {
          height: 56px;
          width: 56px; } }
      #covid-page .social a:hover {
        -webkit-filter: invert(100);
                filter: invert(100); }
  #covid-page h1 {
    font-family: bebas-neue, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.75em;
    color: black;
    padding: 0.001em 0.3em 0.015em 0.3em;
    background: white;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block; }
    @media (min-width: 600px) {
      #covid-page h1 {
        font-size: 2.125em; } }
    @media (min-width: 1280px) {
      #covid-page h1 {
        font-size: 2.875em; } }
    @media (min-width: 1280px) {
      #covid-page h1 {
        margin-right: 0; } }
  #covid-page .content {
    z-index: 301;
    color: white;
    width: 100%;
    height: 100%;
    min-height: 1950px;
    overflow: hidden; }
    @media (min-width: 1025px) {
      #covid-page .content {
        min-height: 100%; } }
    @media (min-width: 1280px) {
      #covid-page .content {
        min-height: 600px; } }
    #covid-page .content ::-moz-selection {
      background: #FD1899; }
    #covid-page .content ::selection {
      background: #FD1899; }
    #covid-page .content p {
      color: white;
      padding: 0 1rem;
      margin-top: 0.35em;
      margin-bottom: 0.35em;
      font-family: brandon-grotesque, sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 1.125em; }
      @media (min-width: 600px) {
        #covid-page .content p {
          font-size: 1.375em; } }
      @media (min-width: 900px) {
        #covid-page .content p {
          font-size: 1.125em; } }
      @media (min-width: 1280px) {
        #covid-page .content p {
          font-size: 1.25em; } }
      @media (min-width: 1800px) {
        #covid-page .content p {
          font-size: 1.5em; } }
      #covid-page .content p a {
        color: #FD1899; }
    #covid-page .content .top {
      background: #E3E2E1;
      width: 100%;
      height: 30px;
      border-bottom: 2px solid black;
      cursor: -webkit-grabbing;
      cursor: grabbing; }
      @media (min-width: 1280px) {
        #covid-page .content .top {
          height: 40px;
          border-bottom-width: 3px; } }
    #covid-page .content .underline {
      border-bottom: 4px solid white; }
    #covid-page .content .close {
      display: block;
      width: 19px;
      height: 19px;
      border-radius: 19px;
      margin-top: 5px;
      margin-right: 5px;
      float: right;
      cursor: pointer;
      background: black;
      padding: 0; }
      @media (min-width: 1280px) {
        #covid-page .content .close {
          margin-top: 6px;
          margin-right: 6px;
          width: 24px;
          height: 24px;
          border-radius: 24px;
          padding: 0; } }
      #covid-page .content .close img {
        border-radius: 19px;
        width: 19px;
        height: 19px; }
        @media (min-width: 1280px) {
          #covid-page .content .close img {
            border-radius: 24px;
            width: 24px;
            height: 24px; } }
      #covid-page .content .close:hover {
        -webkit-filter: invert(100);
                filter: invert(100); }
  #covid-page .close-mobile {
    width: 3em;
    height: 3em;
    margin-top: 15px;
    float: right;
    cursor: pointer;
    border-radius: 3em;
    background: black;
    padding: 0;
    position: absolute;
    top: 1rem;
    right: 1rem; }
    @media only screen and (min-width: 48em) {
      #covid-page .close-mobile {
        display: none; } }
    #covid-page .close-mobile img {
      width: 3em;
      height: 3em;
      border-radius: 3em; }
  #covid-page #buy {
    background: transparent;
    border: 0;
    width: auto; }
    #covid-page #buy:hover .buy-main {
      background-color: black;
      border-color: white; }
      #covid-page #buy:hover .buy-main a {
        color: white !important; }
    #covid-page #buy:hover .badge {
      -webkit-filter: invert(100);
              filter: invert(100); }
    #covid-page #buy .buy-main {
      font-size: 2.5em;
      background: white;
      border: 2px solid black;
      padding: 0.15em;
      z-index: 10;
      position: relative;
      font-family: anton, sans-serif;
      font-style: normal;
      font-weight: 400; }
      @media (min-width: 599px) {
        #covid-page #buy .buy-main {
          font-size: 3.4375em; } }
      @media (min-width: 600px) {
        #covid-page #buy .buy-main {
          font-size: 4.375em; } }
      @media (min-width: 900px) {
        #covid-page #buy .buy-main {
          font-size: 4.6875em; } }
      @media (min-width: 1280px) {
        #covid-page #buy .buy-main {
          font-size: 5.3125em; } }
      @media (min-width: 1800px) {
        #covid-page #buy .buy-main {
          font-size: 8.125em; } }
      #covid-page #buy .buy-main a {
        color: black !important;
        text-decoration: none !important; }
      @media (min-width: 1280px) {
        #covid-page #buy .buy-main {
          border-width: 3px; } }
    #covid-page #buy .buy-shadow {
      position: absolute;
      top: 1em;
      right: 1em;
      bottom: -0.5em;
      left: -1em;
      background: #FD1899;
      border: 2px solid black;
      z-index: 0; }
      @media (min-width: 1280px) {
        #covid-page #buy .buy-shadow {
          top: 1em;
          right: 1em;
          bottom: -0.5em;
          left: -1em;
          border-width: 3px; } }
    #covid-page #buy .badge {
      position: absolute;
      right: 0;
      top: -181px;
      z-index: 11; }
      @media (min-width: 1025px) {
        #covid-page #buy .badge {
          right: -110px;
          top: -110px;
          left: initial; } }
      @media (min-width: 1280px) {
        #covid-page #buy .badge {
          right: -190px;
          top: -190px;
          left: initial; } }
      #covid-page #buy .badge img {
        padding: 0;
        width: 222px;
        height: 222px;
        z-index: 3; }
        @media (min-width: 1280px) {
          #covid-page #buy .badge img {
            width: 300px;
            height: 300px; } }
        @media (min-width: 1800px) {
          #covid-page #buy .badge img {
            width: 360px;
            height: 360px; } }
  #covid-page .vertical-middle {
    -ms-touch-action: none;
        touch-action: none;
    background: black;
    border: 2px solid black;
    color: white;
    position: absolute;
    padding-bottom: 0.5em;
    width: 80%; }
    @media (min-width: 1025px) {
      #covid-page .vertical-middle {
        width: 32vw;
        border-width: 3px; } }
    #covid-page .vertical-middle a {
      color: #FD1899;
      text-decoration: underline; }
  #covid-page .w-box {
    color: black;
    background: white; }
    #covid-page .w-box h1 {
      background-color: black;
      color: white; }
    #covid-page .w-box p {
      color: black; }
  #covid-page .pink-box-image {
    color: white;
    background: #FD1899;
    width: auto;
    display: inline-block; }
    #covid-page .pink-box-image > img {
      padding: 1em; }
  #covid-page .pink-box-logo > img {
    width: 188px;
    height: 188px; }
    @media (min-width: 600px) {
      #covid-page .pink-box-logo > img {
        width: 180px;
        height: 180px; } }
    @media (min-width: 1800px) {
      #covid-page .pink-box-logo > img {
        width: 250px;
        height: 250px; } }
  #covid-page .get-in-touch {
    width: 75%; }
    #covid-page .get-in-touch a {
      color: #FD1899 !important;
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      margin-top: 0.5em; }
    @media (min-width: 600px) {
      #covid-page .get-in-touch {
        width: 50ch; } }
    @media (min-width: 1025px) {
      #covid-page .get-in-touch {
        width: 45ch; } }
    @media (min-width: 1280px) {
      #covid-page .get-in-touch {
        width: 29vw; } }
    @media (min-width: 1800px) {
      #covid-page .get-in-touch {
        width: 22vw; } }
  #covid-page .soho {
    width: 80%;
    z-index: 12; }
    @media (min-width: 600px) {
      #covid-page .soho {
        width: 75ch; } }
    @media (min-width: 1025px) {
      #covid-page .soho {
        width: 60ch; } }
    @media (min-width: 1280px) {
      #covid-page .soho {
        width: 80ch; } }
    #covid-page .soho a {
      color: #FD1899 !important;
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      margin-top: 0.5em; }
    #covid-page .soho .only-mobile h1:nth-of-type(1) {
      margin-bottom: 0.05em; }
    #covid-page .soho .only-mobile h1:nth-of-type(2) {
      margin-top: 0.25em; }
  #covid-page .signup {
    width: 75%;
    z-index: 12; }
    @media (min-width: 600px) {
      #covid-page .signup {
        width: 60ch; } }
    @media (min-width: 1025px) {
      #covid-page .signup {
        width: 55ch; } }
    @media (min-width: 1280px) {
      #covid-page .signup {
        width: 60ch; } }
    #covid-page .signup p {
      margin-bottom: 1.75rem; }
    #covid-page .signup input {
      border-radius: 0; }
    #covid-page .signup .in, #covid-page .signup input[type="text"], #covid-page .signup input[type="email"] {
      width: 100%;
      font-family: brandon-grotesque, sans-serif;
      font-style: normal;
      font-weight: 500;
      border: 2px solid #1D1D1B;
      padding: 0.45em 0.75em 0.4em 0.75em;
      margin-bottom: 0.5em;
      font-size: 1.125em; }
      @media (min-width: 600px) {
        #covid-page .signup .in, #covid-page .signup input[type="text"], #covid-page .signup input[type="email"] {
          font-size: 1.375em; } }
      @media (min-width: 900px) {
        #covid-page .signup .in, #covid-page .signup input[type="text"], #covid-page .signup input[type="email"] {
          font-size: 1.125em; } }
      @media (min-width: 1280px) {
        #covid-page .signup .in, #covid-page .signup input[type="text"], #covid-page .signup input[type="email"] {
          font-size: 1.25em; } }
      @media (min-width: 1800px) {
        #covid-page .signup .in, #covid-page .signup input[type="text"], #covid-page .signup input[type="email"] {
          font-size: 1.5em; } }
    #covid-page .signup .subfield, #covid-page .signup .subfield input {
      width: 32.5%; }
      @media (min-width: 600px) {
        #covid-page .signup .subfield, #covid-page .signup .subfield input {
          width: 32.6%; } }
    #covid-page .signup ::-webkit-input-placeholder {
      /* Most modern browsers support this now. */
      color: #ccc;
      font-weight: bold; }
    #covid-page .signup ::-moz-placeholder {
      /* Most modern browsers support this now. */
      color: #ccc;
      font-weight: bold; }
    #covid-page .signup ::-ms-input-placeholder {
      /* Most modern browsers support this now. */
      color: #ccc;
      font-weight: bold; }
    #covid-page .signup ::placeholder {
      /* Most modern browsers support this now. */
      color: #ccc;
      font-weight: bold; }
    #covid-page .signup label {
      font-family: brandon-grotesque, sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 1.125em; }
      @media (min-width: 600px) {
        #covid-page .signup label {
          font-size: 1.375em; } }
      @media (min-width: 900px) {
        #covid-page .signup label {
          font-size: 1.125em; } }
      @media (min-width: 1280px) {
        #covid-page .signup label {
          font-size: 1.25em; } }
      @media (min-width: 1800px) {
        #covid-page .signup label {
          font-size: 1.5em; } }
    #covid-page .signup .cta {
      margin-top: 0.55em;
      font-family: brandon-grotesque, sans-serif;
      font-style: normal;
      font-weight: 500;
      background: #FD1899;
      border: 2px solid #1D1D1B;
      color: white;
      font-size: 1.125em;
      padding: 0.45em 0.75em 0.4em 0.75em;
      cursor: pointer; }
      @media (min-width: 600px) {
        #covid-page .signup .cta {
          font-size: 1.375em; } }
      @media (min-width: 900px) {
        #covid-page .signup .cta {
          font-size: 1.125em; } }
      @media (min-width: 1280px) {
        #covid-page .signup .cta {
          font-size: 1.25em; } }
      @media (min-width: 1800px) {
        #covid-page .signup .cta {
          font-size: 1.5em; } }
      #covid-page .signup .cta:hover {
        color: white;
        background: #1D1D1B; }
    #covid-page .signup form {
      padding: 0 1rem; }
  #covid-page .pink-box-instagram {
    height: auto;
    padding: 0;
    position: relative; }
    #covid-page .pink-box-instagram img {
      padding: 0;
      width: 222px;
      height: 222px; }
      @media (min-width: 1280px) {
        #covid-page .pink-box-instagram img {
          width: 400px;
          height: 400px; } }
    #covid-page .pink-box-instagram .insta-button {
      position: absolute;
      left: 0.5em;
      bottom: 0.5em; }
      #covid-page .pink-box-instagram .insta-button img {
        border: none !important;
        width: 34px;
        height: 34px; }
        @media (min-width: 600px) {
          #covid-page .pink-box-instagram .insta-button img {
            width: 56px;
            height: 56px; } }
      #covid-page .pink-box-instagram .insta-button:hover {
        -webkit-filter: invert(100);
                filter: invert(100); }
  #covid-page .slideAnimation {
    pointer-events: none;
    will-change: transform;
    -webkit-animation: slideshow 10s linear infinite;
            animation: slideshow 10s linear infinite; }
  #covid-page .staysafe-deco {
    overflow: hidden;
    height: 1.25em;
    background: black;
    font-size: 4.0625em;
    position: absolute;
    z-index: 0; }
    @media (min-width: 1280px) {
      #covid-page .staysafe-deco {
        font-size: 9.375em; } }
    #covid-page .staysafe-deco p {
      position: absolute;
      top: 0em;
      padding: 0;
      margin: 0;
      z-index: -1;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
  #covid-page .safeone {
    top: 10vh;
    left: -2em;
    right: -2em;
    -webkit-transform: rotate(19deg);
            transform: rotate(19deg); }
    @media (min-width: 1280px) {
      #covid-page .safeone {
        top: 30vh;
        left: -2em;
        right: -2em;
        -webkit-transform: rotate(19deg);
                transform: rotate(19deg); } }
  #covid-page .safetwo {
    top: 70vh;
    left: -2em;
    right: -3em;
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg); }
    @media (min-width: 1280px) {
      #covid-page .safetwo {
        top: 60vh;
        left: -2em;
        right: -2em;
        -webkit-transform: rotate(-18deg);
                transform: rotate(-18deg); } }

.hideoverlay {
  -webkit-animation: fadeOut 1s ease-out 1 forwards !important;
          animation: fadeOut 1s ease-out 1 forwards !important; }

#overlay-page {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: white url("../img/soho-popup-back-mobile.png") no-repeat center;
  background-size: cover;
  overflow: hidden; }
  @media (min-width: 1025px) {
    #overlay-page {
      min-height: 560px;
      background-image: url("../img/soho-popup-back@2x.png"); } }
  #overlay-page .content {
    width: 100%;
    height: 100%; }
    #overlay-page .content .top {
      background: #E3E2E1;
      width: 100%;
      height: 30px;
      border-bottom: 2px solid black;
      cursor: -webkit-grabbing;
      cursor: grabbing; }
      @media (min-width: 1280px) {
        #overlay-page .content .top {
          height: 40px;
          border-bottom-width: 3px; } }
    #overlay-page .content .vertical-middle-shadow {
      -ms-touch-action: none;
          touch-action: none;
      background: #FD1899;
      border: 2px solid black;
      position: absolute;
      top: 1em;
      right: 1em;
      left: -1em;
      bottom: -1em;
      padding-bottom: 0.5em;
      width: 100%;
      z-index: -1; }
      @media (min-width: 600px) {
        #overlay-page .content .vertical-middle-shadow {
          top: 2em;
          right: 2em;
          left: -2em;
          bottom: -2em; } }
      @media (min-width: 1280px) {
        #overlay-page .content .vertical-middle-shadow {
          border-width: 3px; } }
    #overlay-page .content .vertical-middle {
      -ms-touch-action: none;
          touch-action: none;
      background: white;
      border: 2px solid black;
      color: black;
      position: absolute;
      padding-bottom: 0.5em;
      width: 80%; }
      @media (min-width: 600px) {
        #overlay-page .content .vertical-middle {
          width: 60ch; } }
      @media (min-width: 1025px) {
        #overlay-page .content .vertical-middle {
          width: 55ch; } }
      @media (min-width: 1280px) {
        #overlay-page .content .vertical-middle {
          width: 75ch;
          border-width: 3px; } }
      #overlay-page .content .vertical-middle a {
        color: #FD1899 !important;
        text-decoration: underline !important; }
    #overlay-page .content h1 {
      font-family: bebas-neue, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 1.75em;
      color: white;
      padding: 0.001em 0.3em 0.015em 0.3em;
      background: black;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
      margin-left: 1rem;
      margin-right: 1rem;
      display: inline-block; }
      @media (min-width: 600px) {
        #overlay-page .content h1 {
          font-size: 2em; } }
      @media (min-width: 1280px) {
        #overlay-page .content h1 {
          font-size: 2.375em; } }
      @media (min-width: 1800px) {
        #overlay-page .content h1 {
          font-size: 2.875em; } }
      @media (min-width: 1280px) {
        #overlay-page .content h1 {
          margin-right: 0; } }
    #overlay-page .content p {
      color: black;
      padding: 0 1rem;
      margin-top: 0.35em;
      margin-bottom: 1rem;
      font-family: brandon-grotesque, sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 1.125em; }
      @media (min-width: 600px) {
        #overlay-page .content p {
          font-size: 1.5em; } }
      @media (min-width: 900px) {
        #overlay-page .content p {
          font-size: 1.125em; } }
      @media (min-width: 1280px) {
        #overlay-page .content p {
          font-size: 1.25em; } }
      @media (min-width: 1800px) {
        #overlay-page .content p {
          font-size: 1.5em; } }
      @media (min-width: 1025px) {
        #overlay-page .content p {
          margin-bottom: 2rem; } }
      #overlay-page .content p a {
        color: #FD1899; }
    #overlay-page .content #close-overlay {
      height: 2rem;
      width: 2rem;
      border-radius: 2rem;
      margin-top: 1rem;
      margin-right: 2rem;
      z-index: 9999;
      background: #FD1899;
      position: relative; }
      @media (min-width: 1025px) {
        #overlay-page .content #close-overlay {
          height: 5rem;
          width: 5rem;
          border-radius: 5rem;
          margin-top: 2rem;
          margin-right: 5rem; } }
      #overlay-page .content #close-overlay img {
        height: 2rem;
        width: 2rem;
        border-radius: 2rem;
        z-index: 9999; }
        @media (min-width: 1025px) {
          #overlay-page .content #close-overlay img {
            height: 5rem;
            width: 5rem;
            border-radius: 5rem; } }
      #overlay-page .content #close-overlay:hover {
        -webkit-filter: none;
                filter: none;
        border: 2px solid #FD1899;
        background: black; }
        #overlay-page .content #close-overlay:hover img {
          margin-top: -2px;
          margin-left: -2px; }
    #overlay-page .content .close {
      display: block;
      width: 19px;
      height: 19px;
      border-radius: 19px;
      margin-top: 5px;
      margin-right: 5px;
      float: right;
      cursor: pointer;
      background: black;
      padding: 0; }
      @media (min-width: 1280px) {
        #overlay-page .content .close {
          margin-top: 6px;
          margin-right: 6px;
          width: 24px;
          height: 24px;
          border-radius: 24px;
          padding: 0; } }
      #overlay-page .content .close img {
        border-radius: 19px;
        width: 19px;
        height: 19px; }
        @media (min-width: 1280px) {
          #overlay-page .content .close img {
            border-radius: 24px;
            width: 24px;
            height: 24px; } }
      #overlay-page .content .close:hover {
        -webkit-filter: invert(100);
                filter: invert(100); }
    #overlay-page .content .action {
      width: auto;
      position: relative;
      margin-left: 1rem;
      margin-bottom: 1rem;
      display: inline-block;
      font-size: 1.125em; }
      @media (min-width: 600px) {
        #overlay-page .content .action {
          font-size: 1.375em; } }
      @media (min-width: 900px) {
        #overlay-page .content .action {
          font-size: 1.125em; } }
      @media (min-width: 1280px) {
        #overlay-page .content .action {
          font-size: 1.375em; } }
      @media (min-width: 1025px) {
        #overlay-page .content .action {
          margin-left: 1.5rem; } }
      #overlay-page .content .action:hover {
        -webkit-filter: none !important;
                filter: none !important; }
        #overlay-page .content .action:hover .action-main {
          background-color: black !important;
          border-color: white; }
          #overlay-page .content .action:hover .action-main a {
            color: white !important; }
      #overlay-page .content .action .action-main {
        background: white;
        border: 2px solid black;
        padding: 0.15em;
        z-index: 10;
        position: relative;
        text-align: center;
        font-family: anton, sans-serif;
        font-style: normal;
        font-weight: 400; }
        #overlay-page .content .action .action-main a {
          color: black !important;
          text-decoration: none !important;
          text-transform: uppercase; }
        @media (min-width: 1280px) {
          #overlay-page .content .action .action-main {
            border-width: 2px; } }
      #overlay-page .content .action .action-shadow {
        background: #FD1899;
        border: 2px solid white;
        z-index: 0; }
        @media (min-width: 1280px) {
          #overlay-page .content .action .action-shadow {
            border-width: 2px; } }
    @media (min-width: 1025px) {
      #overlay-page .content .action--right {
        margin-left: 1.5rem; } }
    @media (min-width: 1280px) {
      #overlay-page .content .action--right {
        float: right; } }

.soho-deco {
  overflow: hidden;
  height: 1.25em;
  background: black;
  color: white;
  font-size: 1.75em;
  position: absolute;
  z-index: -1;
  pointer-events: none; }
  @media (min-width: 599px) {
    .soho-deco {
      font-size: 2.625em; } }
  @media (min-width: 600px) {
    .soho-deco {
      font-size: 3.125em; } }
  @media (min-width: 1280px) {
    .soho-deco {
      font-size: 5em; } }
  @media (min-width: 1800px) {
    .soho-deco {
      font-size: 6.25em; } }
  .soho-deco p {
    position: absolute;
    top: 0em;
    -webkit-animation: slideshow 10s linear infinite;
            animation: slideshow 10s linear infinite;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    will-change: left;
    z-index: -1; }

.sohoone {
  top: 1vh;
  left: -2em;
  right: -2em;
  -webkit-transform: rotate(1deg);
          transform: rotate(1deg); }
  @media (min-width: 1280px) {
    .sohoone {
      top: 3vh;
      left: -2em;
      right: -2em;
      -webkit-transform: rotate(1deg);
              transform: rotate(1deg); } }

.sohotwo {
  bottom: 3vh;
  left: -2em;
  right: -2em;
  -webkit-transform: rotate(-1deg);
          transform: rotate(-1deg); }
  @media (min-width: 1280px) {
    .sohotwo {
      bottom: 3vh;
      left: -2em;
      right: -2em;
      -webkit-transform: rotate(-1deg);
              transform: rotate(-1deg); } }

.action {
  width: auto;
  position: relative;
  margin-left: 1rem;
  margin-bottom: 1rem;
  display: inline-block; }
  @media (min-width: 1280px) {
    .action {
      width: 42%; } }
  .action:hover {
    -webkit-filter: invert(100);
            filter: invert(100); }
  .action .action-main {
    font-size: 1.75em;
    background: white;
    border: 2px solid black;
    padding: 0.15em;
    z-index: 10;
    position: relative;
    text-align: center;
    font-family: anton, sans-serif;
    font-style: normal;
    font-weight: 400; }
    @media (min-width: 599px) {
      .action .action-main {
        font-size: 1.75em; } }
    @media (min-width: 600px) {
      .action .action-main {
        font-size: 2.0625em; } }
    @media (min-width: 900px) {
      .action .action-main {
        font-size: 2.1875em; } }
    @media (min-width: 1280px) {
      .action .action-main {
        font-size: 1.625em; } }
    @media (min-width: 1800px) {
      .action .action-main {
        font-size: 2.375em; } }
    .action .action-main a {
      color: black;
      text-decoration: none;
      text-transform: uppercase; }
    @media (min-width: 1280px) {
      .action .action-main {
        border-width: 2px; } }
  .action .action-shadow {
    position: absolute;
    top: 1em;
    right: 0.5em;
    bottom: -0.5em;
    left: -0.5em;
    background: black;
    border: 2px solid white;
    z-index: 0; }
    @media (min-width: 1280px) {
      .action .action-shadow {
        border-width: 2px; } }

@media (min-width: 1280px) {
  .action--right {
    float: right;
    margin-right: 1rem; } }

footer {
  background-color: black;
  padding: 2em;
  overflow: hidden; }
  footer .location {
    width: 100%;
    overflow: visible;
    height: auto;
    float: left;
    margin-top: 1.0em; }
    @media (min-width: 1025px) {
      footer .location {
        width: auto;
        margin-top: 0em;
        margin-right: 5em; } }
    footer .location .pin {
      float: left;
      height: 100%;
      width: 10ch; }
      @media (min-width: 600px) {
        footer .location .pin {
          width: auto; } }
      footer .location .pin img {
        max-width: 100%;
        height: auto;
        display: block; }
    footer .location .location--details {
      float: left;
      width: 60%;
      height: 100%;
      margin-left: 1.0em; }
      @media (min-width: 600px) {
        footer .location .location--details {
          width: auto;
          max-width: 50ch; } }
      @media (min-width: 1025px) {
        footer .location .location--details {
          width: auto;
          max-width: 40ch; } }
      @media (min-width: 1800px) {
        footer .location .location--details {
          max-width: 50ch; } }
      footer .location .location--details h1 {
        font-family: bebas-neue, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 1.75em;
        color: black;
        padding: 0.001em 0.3em 0.015em 0.3em;
        background: white;
        margin-bottom: 0.5rem;
        margin-right: 1rem;
        margin-top: 0;
        display: inline-block; }
        @media (min-width: 600px) {
          footer .location .location--details h1 {
            font-size: 2.125em; } }
        @media (min-width: 1280px) {
          footer .location .location--details h1 {
            font-size: 2.875em; } }
        @media (min-width: 1280px) {
          footer .location .location--details h1 {
            margin-right: 0; } }
      footer .location .location--details p {
        margin-top: 0.35em;
        margin-bottom: 0.35em;
        margin-left: 0;
        padding-left: 0 !important;
        font-family: brandon-grotesque, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.125em; }
        @media (min-width: 600px) {
          footer .location .location--details p {
            font-size: 1.375em; } }
        @media (min-width: 900px) {
          footer .location .location--details p {
            font-size: 1.125em; } }
        @media (min-width: 1280px) {
          footer .location .location--details p {
            font-size: 1.25em; } }
        @media (min-width: 1800px) {
          footer .location .location--details p {
            font-size: 1.5em; } }

/*# sourceMappingURL=main.css.map */

/*# sourceMappingURL=main.css.map */