/* Chicken Plus Takeover */
#cp-takeover {
  width: 100%;
  height: 100%;
  background-image: url(/img/homepage/cp-takeover/pickiest_background.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  z-index: 2000001;
  display: none;
}
#cp-takeover #cp-takeover .wrapper {
  width: 100%;
  height: 100vh;
}
#cp-takeover #cp-takeover-logo {
  position: relative;
  width: auto;
  top: calc(28vh);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  height: auto;
}
#cp-takeover #cp-takeover-logo-m {
  display: none;
}
#cp-takeover #cp-takeover-close {
  position: relative;
  top: calc(30vh);
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  margin-top: 0px;
}
#cp-takeover #cp-takeover-mclose {
  position: relative;
  left: 50%;
  transform: translateX(-50%) translateY(320px);
  cursor: pointer;
}
#cp-takeover #cp-takeover-mclose {
  display: none;
}
@media (max-width: 800px) {
  #cp-takeover {
    background-image: url(/img/homepage/cp-takeover/m_pickiest_background.png);
    background-position: bottom center;
    background-size: 100%;
  }
  #cp-takeover #cp-takeover-logo {
    display: none;
  }
  #cp-takeover #cp-takeover-logo-m {
    position: relative;
    width: auto;
    top: calc(1vh);
    left: 50%;
    transform: translateX(-50%);
    display: block;
  }
  #cp-takeover #cp-takeover-close {
    display: none;
  }
  #cp-takeover #cp-takeover-mclose {
    display: block;
    transform: translateX(-50%) translateY(30px);
  }
}
#cp-takeover-background {
  width: 100%;
  height: 100%;
  background-color: #ae2d79;
  opacity: 0.9;
  position: fixed;
  z-index: 2000000;
  display: none;
}
@media (max-width: 800px) {
  #cp-takeover-background {
    opacity: 1;
  }
}