.body { display: flex; flex-direction: column; margin: 0; padding: 0; min-height: 100vh; }

.container { width: 100%; margin: 0 auto; }

@media (min-width: 1200px) { .container { width: 1200px; } }

@media (min-width: 1400px) { .container { width: 1400px; } }

@media (min-width: 1600px) { .container { width: 1600px; } }

.nav--horizontal { height: 100px; }

.nav--horizontal > div { display: flex; justify-content: space-between; align-items: center; }

.nav--horizontal .nav__link { padding: 0 1rem; }

@media (max-width: 768px) { .nav--horizontal .nav__link { padding: 1rem; } }

.nav--horizontal .nav__link:hover { color: black; }

@media (max-width: 768px) { .nav--horizontal .nav__list { top: 100px; } }

.nav__toggle { margin-left: auto; margin-right: 1rem; }

.nav__brand { display: block; width: 200px; height: 100px; max-width: 200px; background: url("../img/LogoWhite.svg") center center no-repeat; }

.nav--white { background: white; }

.nav--white .nav__brand { background: url("../img/Logo.svg") center center no-repeat; }

.header__splash { background-image: url("../img/bg.jpg"); background-repeat: no-repeat; background-position: center -200px; }

@media (max-width: 500px) { .header__splash { background-position: -250px -100px; background-size: 1200px; } }

@media (min-width: 500px) { .header__splash { background-position: -250px -100px; background-size: 1200px; } }

@media (min-width: 768px) { .header__splash { background-position: center -100px; background-size: 1500px; } }

@media (min-width: 992px) { .header__splash { background-position: center -100px; background-size: 1750px; } }

@media (min-width: 1200px) { .header__splash { background-position: center -150px; background-size: 1750px; } }

@media (min-width: 1400px) { .header__splash { background-position: center -150px; background-size: 1750px; } }

@media (min-width: 1600px) { .header__splash { background-position: center -175px; background-size: 2000px; } }

.hero { min-height: 600px; position: relative; padding: 3rem; box-sizing: border-box; overflow: hidden; }

@media (max-width: 768px) { .hero { min-height: 150px; } }

.hero__bottle { position: absolute; right: 0; bottom: 0; width: 350px; }

.hero__bottle img { width: 100%; }

.hero__bottle-badge { width: 150px; height: auto; position: absolute; top: 0; right: 25px; display: block; }

@media (max-width: 992px) { .hero__bottle-badge { display: none; } }

@media (max-width: 500px) { .hero__bottle { display: none; } }

@media (min-width: 500px) { .hero__bottle { right: -25px; width: 200px; } }

@media (min-width: 768px) { .hero__bottle { right: -25px; width: 250px; } }

@media (min-width: 992px) { .hero__bottle { right: 0px; width: 275px; } }

@media (min-width: 1200px) { .hero__bottle { right: 75px; width: 275px; } }

@media (min-width: 1400px) { .hero__bottle { right: 150px; width: 275px; } }

@media (min-width: 1600px) { .hero__bottle { right: 200px; width: 275px; } }

.hero__logo { position: relative; top: -25px; width: 200px; height: 110px; background: url("../img/mrmusclelogo.png") no-repeat; background-size: 100%; }

@media (min-width: 1200px) { .hero__logo { width: 250px; height: 150px; } }

.hero__blurb { width: 50%; text-align: left; line-height: normal; text-transform: uppercase; }

@media (max-width: 500px) { .hero__blurb { width: 100%; } }

.hero__blurb .text--alpha { font-size: 3rem; }

.hero__blurb .text--intro { font-size: 2rem; }

.no-hero { background: linear-gradient(168deg, #d05522 0%, #d05522 41%, #e7941f 63%, #e7941f 100%); }

footer { text-align: center; color: white; margin-top: 2rem; }

footer .list__item { display: inline-block; padding: 0 1rem; }

.icn img { width: 100%; height: 100%; }

.checklist .label { padding-bottom: 0; }

.checklist .checkbox { padding: 8px; }

.checklist .list__item { margin-bottom: 0; }

.mw { margin-left: auto; margin-right: auto; }

.mw--lg { max-width: 1200px; }

.bg--white { background-color: white; }

a, .link { color: black; text-decoration: none; border: none; }

a:hover, .link:hover { color: black; }

.btn { padding: 0.5rem 2rem; border-radius: 0; }

.btn:before { content: none; }

.btn:hover { transform: unset; box-shadow: none; }

.btn:focus { transform: translate(2px, -2px); outline: none; border: none; }

.btn--primary { background-color: #2c356d; border-color: #2c356d; color: white; background-image: none; box-shadow: none; border: none; }

.btn--primary:hover { background-color: #2c356d; color: white; }

.btn--secondary { border-color: #eee; color: #333; }

.btn--secondary:hover { border-color: #ccc; }

.btn--secondary:hover:before { background: #ccc; }

.btn--secondary:before { background: #eee; }

.btn--tertiary { border-color: #2c356d; color: #2c356d; }

main {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.country-select {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 700px;
}

.country-select__logo {
  width: 200px;
}

.country-select h5 {
  font-size: 1.5rem;
}

.country-select__flags {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.country-select__flag {
  display: block;
  width: 200px;
  margin: 1rem;
  color: white;
}

.country-select__flag:hover {
  color: white;
}

.country-select__flag:hover img {
  opacity: 1;
  filter: brightness(100%);
}

.country-select__flag img {
  width: 100%;
  opacity: 0.8;
  filter: brightness(90%);
  transition: all 1s ease;
}

.promotion-select {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.promotion-select-title {
  color: white;
  margin-bottom: 4rem;
}

.promotion-select__list {
  display: flex;
  flex-wrap: wrap;
}

.promotion-select__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  max-height: 100vh;
  color: white;
  font-size: 1.5rem;
  min-inline-size: fit-content;
  transition: all 1s ease;
  opacity: 0.8;
  margin: 1rem;
}

.promotion-select__item:hover {
  color: white;
  transform: scale(1.1);
  opacity: 1;
}

.promotion-select__item img {
  display: block;
  max-width: 100%;
  max-height: 50vh;
  margin-bottom: 1rem;
}

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