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

html, body {
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

img,
video,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  background-color: #660066; /* shorthand for #606 */
}

video#my-video {
  width: 100%;
}

.text-primary {
  color: #66ccff !important;
}

.text-warning {
  color: #ffff99 !important;
}

.card-deck {
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
  Sponsor Rows
--------------------------------------------------------------*/
.sponsorRow { }

.sponsorRow-Left { }

.sponsorRow-Right {
  background-color: #440044 !important;
}

/* Under sponsor wrapper */
#sponsorUnder,
.sponsorUnderWomanFrame-1,
.sponsorUnderWomanFrame-2,
.sponsorUnderWomanFrame-3,
.sponsorUnderManFrame-1,
.sponsorUnderManFrame-2,
.sponsorUnderManFrame-3 {
  width: 100%;
}

#sponsorUnder {
  height: 100%;
}

/* Woman frames */
.sponsorUnderWomanFrame-1 { height: 1040px; }
.sponsorUnderWomanFrame-2,
.sponsorUnderWomanFrame-3 {
  display: none;
}
.sponsorUnderWomanFrame-2 { height: 2075px; }
.sponsorUnderWomanFrame-3 { height: 2175px; }

/* Woman banners */
.sponsorUnderWomanBanner-1,
.sponsorUnderWomanBanner-2,
.sponsorUnderWomanBanner-3 {
  margin: auto;
  padding-bottom: 10px;
}
.sponsorUnderWomanBanner-2,
.sponsorUnderWomanBanner-3 {
  display: none;
}

/* Man frames & images */
.sponsorUnderManFrame-1 { height: 250px; }
.sponsorUnderManFrame-2,
.sponsorUnderManFrame-3 {
  display: none;
}
.sponsorUnderManFrame-2 { height: 350px; }
.sponsorUnderManFrame-3 { height: 275px; }

.sponsorUnderManImg-2,
.sponsorUnderShopImg-2 {
  display: none;
}

/*--------------------------------------------------------------
  Responsive Tweaks
--------------------------------------------------------------*/

/* ≥ 1200px — no overrides */

/* < 1200px */
@media (max-width: 1199.98px) {
  .sponsorRow-Left .d-flex.justify-content-center {
    justify-content: unset !important;
  }
}

/* < 992px */
@media (max-width: 991.98px) {
  .sponsorRow-Left .d-flex.justify-content-center {
    justify-content: unset !important;
  }
}

/* < 890px */
@media (max-width: 889.98px) {
  /* Sponsor woman frames */
  .sponsorUnderWomanFrame-1,
  .sponsorUnderWomanFrame-3 {
    display: none;
  }
  .sponsorUnderWomanFrame-2 { display: block; }
  .sponsorUnderWomanBanner-1 { display: none; }
  .sponsorUnderWomanBanner-2 { display: block; }

  /* Sponsor man frames */
  .sponsorUnderManFrame-1,
  .sponsorUnderManFrame-3 {
    display: none;
  }
  .sponsorUnderManFrame-2 { display: block; }
}

/* < 768px */
@media (max-width: 767.98px) {
  .sponsorUnderWomanBanner-1,
  .sponsorUnderWomanBanner-2 {
    display: none;
  }
  .sponsorUnderManFrame-1,
  .sponsorUnderManFrame-3 {
    display: none;
  }
  .sponsorUnderManFrame-2 { display: block; }
}

/* < 576px */
@media (max-width: 575.98px) {
  .sponsorUnderWomanFrame-1,
  .sponsorUnderWomanFrame-2 {
    display: none;
  }
  .sponsorUnderWomanFrame-3 { display: block; }
  .sponsorUnderWomanBanner-1,
  .sponsorUnderWomanBanner-2 {
    display: none;
  }
  .sponsorUnderWomanBanner-3 { display: block; }

  .sponsorUnderManFrame-1,
  .sponsorUnderManFrame-2 {
    display: none;
  }
  .sponsorUnderManFrame-3 { display: block; }
  .sponsorUnderManImg-1 { display: none; }
  .sponsorUnderManImg-2 { display: block; }
  .sponsorUnderShopImg-1 { display: none; }
  .sponsorUnderShopImg-2 { display: block; }
}