.color-pink {
  color: #eb3f6d;
}

.color-blue {
  color: #00bbb6;
}

.color-green {
  color: #167429;
}

.color-red {
  color: #dc2f2d;
}

.bg-pink {
  background-color: #eb3f6d;
}

.bg-pink_dark {
  background-color: #830e2d;
}

.bg-red {
  background-color: #dc2f2d;
}

.bg-red_dark {
  background-color: #601110;
}

.bg-green {
  background-color: #167429;
}

.bg-green_dark {
  background-color: black;
}

.bg-blue {
  background-color: #00bbb6;
}

.bg-blue_dark {
  background-color: #002221;
}

.bg-purple {
  background-color: #644163;
}

.bg-purple_dark {
  background-color: #070507;
}

.blue_gradient {
  background: linear-gradient(-7deg, #000000a3, #38e7e3);
}

@media only screen and (max-width: 780px) {
  #navbar {
    display: none;
  }
  .hamburger {
    display: initial;
  }
  .sidebar {
    display: initial;
  }
  section.header {
    height: 100vh;
    background: url(/assets/img/big-gum-girl.png);
    background-size: cover;
    background-position-x: -134px;
    background-repeat: no-repeat;
  }
  section.header .banner-panel {
    display: none;
  }
  section.header .right-panel {
    height: 100vh;
    background: rgba(0, 187, 182, 0.6);
  }
  section.header .title-container {
    margin: 30 auto;
  }
  section.header .title-container a {
    font-size: 10px;
  }
  section.header .title-container h2, section.header .title-container h1, section.header .title-container h3, section.header .title-container h4, section.header .title-container p {
    font-size: initial;
    text-align: center;
  }
  section.header .title-container .title {
    font-size: 16vw;
    margin-top: 30px;
  }
  section.header .title-container .promo-name {
    display: block;
    font-size: 4vh;
    margin: 20px 0px;
  }
  section.header .title-container .next {
    font-size: 4vw;
  }
  section.header .title-container .currency {
    font-size: initial;
  }
  section.header .title-container #date {
    display: block;
    margin-top: 10px;
    font-size: 7vw;
  }
  .step .left-img, .step .gum {
    display: none;
  }
  .step .step-image {
    width: 100%;
  }
  .scroll-trigger {
    display: none;
  }
  footer ul {
    padding: 0;
  }
  .header .title-container a {
    font-size: initial;
  }
  .header .title-container h1.title {
    font-size: 4em;
  }
  .header .banner-image {
    display: none;
  }
  #myVideo {
    top: 0px;
    display: none;
  }
  .full-height {
    height: unset;
  }
  .bubble.explode {
    left: 23%;
  }
  .step .steps {
    margin-bottom: 30px;
  }
  .region-selector {
    margin: 10px 0px;
  }
  #responsive-prizes {
    display: block;
  }
  .screen-only {
    display: block;
  }
  .desk-only {
    display: none;
  }
  #background-wrap {
    display: none;
  }
  div.header .banner-panel {
    display: none;
  }
  .title-container.screen-only {
    text-align: center;
    padding: 10px;
    margin: 20px 10px;
  }
  .title-container.screen-only span, .title-container.screen-only h1, .title-container.screen-only h2, .title-container.screen-only h3 {
    text-align: center;
  }
}