@charset "UTF-8";
/************ CSS RESET ************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea:focus,
input:focus {
  outline: none;
}

*:focus {
  outline: none;
}

@font-face {
  /*font-display: swap;*/
  font-family: "DrOetkerMomentsDisplay";
  font-weight: 500;
  font-style: normal;
  src: url(/css/fonts/81233ae4dfbe0a2bbda1.81233ae4dfbe0a2bbda13789514933da.woff2) format("woff2"), url(/css/fonts/1923a563260c532d0b43.1923a563260c532d0b4339095302d83a.woff) format("woff");
}
@font-face {
  /*font-display: swap;*/
  font-family: "DrOetkerMomentsDisplay";
  font-weight: 400;
  font-style: normal;
  src: url(/css/fonts/56bfe73de03e787dc7e8.56bfe73de03e787dc7e833f9ba7929ce.woff2) format("woff2"), url(/css/fonts/596488191cdee4bce8b3.596488191cdee4bce8b3187e74e7f48c.woff) format("woff");
}
@font-face {
  /*font-display: swap;*/
  font-family: "DrOetkerMomentsText";
  font-style: normal;
  src: url(/css/fonts/b803eba07092c053f534.b803eba07092c053f5347974112e9c59.woff2) format("woff2"), url(/css/fonts/e057b6d402eab72b1c86.e057b6d402eab72b1c868205e0a0937a.woff) format("woff");
}
@font-face {
  /*font-display: swap;*/
  font-family: "DrOetkerAugustScript";
  font-style: normal;
  src: url(/css/fonts/0a0ce48d2bfe8bffa51b.0a0ce48d2bfe8bffa51be0bde9a4850c.woff2) format("woff2"), url(/css/fonts/a41ba2ad3aea234f1205.a41ba2ad3aea234f1205520c16900ad9.woff) format("woff");
}
@font-face {
  font-family: "OetkerAugustScript";
  font-style: "normal";
  src: url("PATH/Cachet-Book.woff2") format("woff2");
}
/***** STANDARD *****/
html,
body {
  padding: 0;
  margin: 0;
}

body {
  font-family: "DrOetkerMomentsText", "Times New Roman", Times, serif, sans-serif;
  background: #f7e9d6;
  color: #292b29;
  line-height: 1.4;
  font-weight: 400;
}

@media only screen and (max-width: 900px) {
  body {
    background-position: top center;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 14px;
  }
}
.desktop {
  display: block !important;
}

.mobile {
  display: none !important;
}

@media only screen and (max-width: 640px) {
  .mobile {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
}
a {
  text-decoration: underline;
  color: inherit;
}

.no-word-break,
.nwb {
  white-space: nowrap;
}

.fw {
  display: block;
  width: 100%;
}

/*
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
.content {
  width: 100%;
  padding-top: 1px;
  margin-top: -1px;
  padding: 20px 0px;
}

.inner-content {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  /*padding: 50px 0px;*/
}

h1 {
  font-size: 2.25rem;
  line-height: 1.1;
  text-align: center;
  font-family: "DrOetkerMomentsDisplay", arial;
  font-weight: 500;
  text-transform: uppercase;
}

#main-content {
  position: relative;
  /*
  background-image: url("../img/main_bg.jpg");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  */
  background-color: #FFEECA;
  overflow: hidden;
  min-height: 100vh;
}

#stripe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 27px;
  background-image: url("../img/oetker-stripe.svg");
  background-position: left top;
  background-repeat: repeat-x;
}

img.oetker-tab {
  position: absolute;
  display: block;
  top: 280px;
  right: 0;
  width: 61px;
  height: 36px;
  z-index: 1000;
}

img#logo {
  position: relative;
  z-index: 110;
  display: block;
  width: 142px;
  margin-top: 6px;
  margin-left: 22px;
}
img#logo.combined {
  width: 324px;
}

@media only screen and (max-width: 1080px) {
  img.oetker-tab {
    display: none;
    /*
    width: 51px;
    height: 30px;
    top: 0;
    right: 5%;
    transform: rotate(-90deg);
    */
  }
}
@media only screen and (max-width: 640px) {
  #main-content {
    background-size: 150% auto;
  }
}
/*** TOP HEADER **/
#top-header {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 90%;
  max-width: 916px;
  margin: 4rem auto 0;
  /** Start vertical ***/
  /*
  flex-direction: column-reverse;
  gap: 0.5rem;
  max-width: 789px;
  */
  /** End vertical ***/
}

#top-header-content {
  flex: 1;
  text-align: center;
}
#top-header-content .top-header-title {
  max-width: 700px;
  margin: 0 auto;
  font-size: 3.25rem;
}
#top-header-content .top-header-title .top {
  display: block;
  font-family: "DrOetkerMomentsDisplay", arial;
  font-weight: 500;
  color: #001391;
  line-height: 0.9;
  text-transform: uppercase;
}
#top-header-content .top-header-title .bot {
  display: block;
  margin-top: -15px;
  font-family: "DrOetkerAugustScript", arial;
  line-height: 1;
  color: #df002b;
}
#top-header-content .top-header-body {
  font-family: "DrOetkerMomentsDisplay", arial;
  width: 90%;
  max-width: 520px;
  margin: 0.5rem auto 0px;
  font-size: 1.6875rem;
  line-height: 1.3;
}

.top-header-img {
  position: relative;
  width: 50%;
  max-width: 338px;
  margin: 0;
  /*
  background: #ffffff;
  border: 10px solid #ffffff;
  box-shadow: 0px 8px 32px rgba(164, 90, 42, 0.5);
  border-radius: 20px;
  transform: rotate(5deg);
  */
  filter: drop-shadow(0px 8px 32px rgba(164, 90, 42, 0.25));
  /** Start vertical ***/
  /*width: 100%;
  max-width: unset;
  margin-top: 1rem;
  //transform: translateX(-16px);
  */
  /** End vertical ***/
  /*
  img {
    border-radius: 16px;
  }
  */
}
.top-header-img .header-splash {
  position: absolute;
  top: -20%;
  right: 0%;
  width: 34%;
  max-width: 126px;
}

#top-header-final {
  margin-top: 3rem;
}
#top-header-final h1 {
  margin-bottom: 0.25rem;
  font-size: 2.75rem;
}
#top-header-final .top-header-body {
  width: 100%;
  max-width: 500px;
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  .content-wrapper,
  #compete-page {
    padding: 0px 5%;
  }
  #top-header {
    width: 100%;
    flex-direction: column-reverse;
    gap: 2rem;
    margin: 2rem auto 0;
  }
  #top-header .top-header-img {
    width: 95%;
    max-width: 400px;
    /** Start vertical ***/
    /*
    width: 95%;
    max-width: unset;
    margin-top: 0;
    */
    /** End vertical ***/
  }
  #top-header .top-header-title {
    flex-basis: 100%;
    margin-bottom: 0px;
    /** Start vertical ***/
    /** End vertical ***/
  }
  img#logo {
    width: 120px;
    margin-left: 0px;
    /*
    margin-top: 2.5%;
    */
  }
  img#logo.combined {
    width: 230px;
  }
}
@media only screen and (max-width: 660px) {
  #top-header .top-header-title {
    font-size: 8.75vw;
  }
}
@media only screen and (max-width: 640px) {
  .content-wrapper {
    padding: 0px 5%;
  }
  #compete-page {
    padding: 0;
  }
  #top-header {
    margin-top: 2rem;
  }
  #top-header .top-header-img {
    margin-left: 0px;
    width: 100%;
    /*
    margin-bottom: 0.5rem;
    width: 70%;
    max-width: 300px;
    */
    /** Start vertical ***/
    /*
    width: 110%;
    max-width: unset;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    */
    /** End vertical ***/
  }
  #top-header .top-header-body {
    width: 95%;
    font-size: 1.6875rem;
  }
  img#logo {
    width: 100px;
    margin-top: 3%;
  }
  img#logo.combined {
    width: 204px;
  }
}
@media only screen and (max-width: 480px) {
  #top-header .top-header-title .bot {
    margin-top: -2.5vw;
  }
  img#logo {
    width: 90px;
  }
  img#logo.combined {
    width: 190px;
  }
}
#packshots {
  width: 90%;
  margin: 3rem auto 2rem;
  padding: 0px;
  display: flex;
  flex-direction: column;
}
#packshots .inner-content {
  max-width: 1080px;
  /*
  max-width: 840px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  */
}
#packshots .packshot {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  flex-basis: 28.5%;
}
#packshots .packshot img {
  -webkit-filter: drop-shadow(0px 8px 16px rgba(164, 90, 42, 0.35));
  filter: drop-shadow(0px 8px 16px rgba(164, 90, 42, 0.35));
  -webkit-transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 640px) {
  #packshots {
    margin: 2rem auto 3rem;
  }
  #packshots .packshot {
    margin: 3% auto;
    flex-basis: 46%;
  }
}
/*** Brand grid ***/
.brand-grid {
  display: grid;
  gap: 2rem;
  justify-content: center;
}
@media (min-width: 1081px) {
  .brand-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 721px) and (max-width: 1080px) {
  .brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /*
    .brand-grid__item:nth-child(1) {
      grid-column: 2; // second column
    }

    .brand-grid__item:nth-child(2) {
      grid-column: 3; // third column
    }
    // items 3–5 fall naturally into row 2, columns 1–3
    */
  }
}
@media (max-width: 720px) {
  .brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.brand-grid__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* LOGOS: same visual baseline, different heights */
.brand-grid__logo-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 90px;
  width: 100%;
}

.brand-grid__logo {
  width: 100%;
  max-width: 205px;
  height: auto;
  display: block;
}

/* Tagline */
.brand-grid__tagline {
  margin: 0.75rem 0 1.25rem;
  font-family: "DrOetkerMomentsDisplay", arial;
  font-size: 1.25rem;
  line-height: 1.2;
}

/* PACKSHOTS: top aligned */
.brand-grid__packshot-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  filter: drop-shadow(0px 6px 12px rgba(164, 90, 42, 0.5));
}

.brand-grid__packshot {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Optional: fine-tune packshot widths per group */
.brand-grid__item--suprema .brand-grid__packshot,
.brand-grid__item--rustica .brand-grid__packshot {
  max-width: 205px;
}

.brand-grid__item--ristorante .brand-grid__packshot,
.brand-grid__item--tradizionale .brand-grid__packshot {
  max-width: 180px;
}

.brand-grid__item--my-pizza-slice .brand-grid__packshot {
  max-width: 70px;
}

.brand-grid__item--my-pizza-slice .brand-grid__logo {
  width: 65%;
  max-width: 110px;
}

@media (max-width: 720px) {
  .brand-grid__item--my-pizza-slice {
    grid-column: 1/-1;
  }
  .brand-grid__item--my-pizza-slice .brand-grid__logo {
    width: 75%;
  }
}
/*** Instruction **/
#instruction-intro {
  max-width: 600px;
  margin: 0.75rem auto 0px;
  font-size: 1.5rem;
  text-align: center;
  font-family: "DrOetkerMomentsDisplay";
  font-weight: 400;
  line-height: 120%;
}

#instruction-wrapper {
  display: flex;
  justify-content: space-between;
}

.instruction {
  width: 50%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.instruction .step {
  display: inline-block;
  height: 60px;
  width: 60px;
  background-color: #f1c489;
  border-radius: 50%;
  text-align: center;
  font-size: 44px;
  font-weight: bold;
  color: #b25e27;
  line-height: 60px;
  font-family: "DrOetkerMomentsDisplay";
  font-weight: 500;
}
.instruction .text {
  margin-top: 16px;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.3;
}

.instruction-notice {
  margin-top: 2rem;
  padding: 1rem;
  text-align: center;
  font-family: "DrOetkerMomentsDisplay";
  font-size: 1.3125rem;
  line-height: 1.2;
  font-weight: 500;
  color: #b25e27;
  border: 3px solid #b25e27;
  border-radius: 10px;
}

.instruction-misc-text {
  width: 100%;
  max-width: 580px;
  margin: 0px auto;
  text-align: center;
}
.instruction-misc-text #instruction-top {
  margin-top: 30px;
  font-size: 1.125rem;
}
.instruction-misc-text #instruction-bottom {
  max-width: 580px;
  margin: 20px auto 0px;
  font-size: 1rem;
}

@media only screen and (max-width: 900px) {
  #instruction-intro {
    font-size: 1.375rem;
  }
  .instruction .step {
    font-size: 33px;
    font-weight: bold;
    height: 45px;
    width: 45px;
    line-height: 140%;
    text-align: center;
  }
  .instruction-misc-text #instruction-top {
    font-size: 1.25rem;
  }
  .instruction-misc-text #instruction-bottom {
    font-size: 1.125rem;
  }
}
/** COMPETE **/
#submission-wrapper {
  margin-top: 2rem;
}

.submission-form {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /*grid-template-rows: repeat(3, 1fr);*/
  /*
  column-gap: 1.5rem;
  row-gap: 1.25rem;
  */
  gap: 1.5rem;
  /*grid-auto-flow: row;*/
  grid-template-areas: "name name email email phone phone" "address address address zip city city" "previous-customer previous-customer previous-customer terms terms terms";
}
.submission-form.has-image-upload {
  grid-template-areas: "name name email email phone phone" "address address address zip city city" "receipt receipt receipt receipt receipt receipt" "previous-customer previous-customer previous-customer terms terms terms";
}

@media only screen and (max-width: 900px) {
  .submission-form {
    grid-template-columns: repeat(8, 1fr);
    gap: 1.5rem;
    grid-template-areas: "name name name name name phone phone phone " "email email email email email email email email" "address address address address address address address address" "zip zip city city city city city city" "previous-customer previous-customer previous-customer previous-customer previous-customer previous-customer previous-customer previous-customer" "terms terms terms terms terms terms terms terms";
  }
  .submission-form.has-image-upload {
    grid-template-areas: "name name name name name phone phone phone " "email email email email email email email email" "address address address address address address address address" "zip zip city city city city city city" "receipt receipt receipt receipt receipt receipt receipt receipt" "previous-customer previous-customer previous-customer previous-customer previous-customer previous-customer previous-customer previous-customer" "terms terms terms terms terms terms terms terms";
  }
}
@media only screen and (max-width: 360px) {
  .submission-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*grid-template-rows: repeat(3, 1fr);*/
    /*
    column-gap: 1.5rem;
    row-gap: 1.25rem;
    */
    gap: 1.5rem;
    /*grid-auto-flow: row;*/
    grid-template-areas: "name name name" "email email email" "phone phone phone" "address address address" "zip city city" "previous-customer previous-customer previous-customer" "terms terms terms";
  }
  .submission-form.has-image-upload {
    grid-template-areas: "name name name" "email email email" "phone phone phone" "address address address" "zip city city" "receipt receipt receipt" "previous-customer previous-customer previous-customer" "terms terms terms";
  }
}
.name-wrapper {
  grid-area: name;
}

.email-wrapper {
  grid-area: email;
}

.phone-wrapper {
  grid-area: phone;
}

.address-wrapper {
  grid-area: address;
}

.zip-wrapper {
  grid-area: zip;
}

.city-wrapper {
  grid-area: city;
}

.receipt-wrapper {
  grid-area: receipt;
}

.previous-customer-wrapper {
  grid-area: previous-customer;
  margin-top: 1rem;
}

.terms-wrapper {
  grid-area: terms;
  margin-top: 1rem;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

label {
  display: block;
  font-size: 1.25rem;
  font-family: "DrOetkerMomentsDisplay";
  font-weight: 400;
}
.previous-customer-wrapper label, .terms-wrapper label {
  font-size: 1.125rem;
}

.text-input {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 0.5rem;
  box-sizing: border-box;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 3px;
  color: #1a1919;
  background-color: #fff;
  border: 3px solid #ffffff;
  border-radius: 16px;
  -webkit-appearance: none;
  outline: none;
  transition: all 0.25s ease-in-out;
}
.text-input:focus {
  border: 3px solid #f1c489;
}
.text-input.receipt-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.text-input.receipt-label svg {
  flex-basis: 30px;
}
.text-input.receipt-label > span {
  flex: 1;
  max-width: 95%;
  font-family: "DrOetkerMomentsText";
  font-size: 17px;
  line-height: 120%;
  color: #292b29;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-input.receipt-label > span span {
  opacity: 0.6;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a1919;
  -webkit-box-shadow: 0 0 0px 40rem #fffbf4 inset;
}

.radio-wrapper,
.radio-element,
.checkbox-element {
  display: flex;
  align-items: center;
}

.radio-wrapper {
  gap: 1.5rem;
  margin-top: 0.75rem;
}

.radio-element,
.checkbox-element {
  gap: 0.5rem;
}

.checkbox-element a {
  text-decoration: underline;
}

input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #ffffff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 24px;
  height: 24px;
  border: 2px solid #f1c489;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type=radio]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #b25e27;
  /* Windows High Contrast Mode */
  background-color: #f1c489;
}

input[type=radio]:checked::before {
  transform: scale(1);
}

input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #ffffff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  width: 24px;
  height: 24px;
  border: 2px solid #f1c489;
  border-radius: 4px;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type=checkbox]::before {
  content: "";
  width: 11px;
  height: 11px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #b25e27;
  /* Windows High Contrast Mode */
  background-color: #f1c489;
}

input[type=checkbox]:checked::before {
  transform: scale(1);
}

#submit-btn-wrapper {
  text-align: center;
}

a#submit-btn {
  display: inline-block;
  padding: 14px 68px;
  margin: 55px auto;
  font-size: 1.375rem;
  text-transform: uppercase;
  font-family: "DrOetkerMomentsDisplay", arial;
  font-weight: 500;
  text-decoration: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  background-color: #df002b;
}
a#submit-btn:hover {
  background-color: #d8343e;
}
a#submit-btn.loading {
  pointer-events: none;
  cursor: default;
  color: #df002b;
}

#submit-loading {
  display: none;
  margin: 55px auto 0px;
}

.spinner {
  margin: 30px auto;
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner.white > div {
  background-color: #fff;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #b25e27;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #b25e27;
}
.spinner .bounce3 {
  background-color: #b25e27;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#error-msg {
  display: none;
  margin-top: 40px;
  color: #df002b;
  text-align: center;
  font-family: "DrOetkerMomentsDisplay";
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1.15;
}

#thank-you {
  display: none;
  width: 100%;
  max-width: 610px;
  font-size: 1.375rem;
  text-align: center;
  margin: 5rem auto 0;
}

#thank-you h1 {
  margin-bottom: 0.5rem;
  font-size: 2.5rem;
}

@media only screen and (max-width: 900px) {
  label {
    font-size: 1.25rem !important;
  }
}
@media only screen and (max-width: 360px) {
  label {
    font-size: 1.125rem !important;
  }
}
/*** Footer ***/
.footer-flag {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
}

#footer {
  width: 80%;
  margin: 5rem auto 3rem;
  font-size: 1.125rem;
  text-align: center;
}

@media only screen and (max-width: 900px) {
  .footer-flag {
    display: none;
  }
}
/** Cookie box ***/
#cookie-box {
  background-color: #f7e9d6;
  background: linear-gradient(180deg, #fdf9f5 0%, #f7e9d6 100%), #efdbb2;
  border-bottom: 6px solid #f1c489;
}

#cookie-box .inner-content {
  max-width: 810px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  box-sizing: border-box;
}

#cookie-box .cookie-text {
  margin-right: 2rem;
  font-size: 0.875rem;
}

#cookie-box a.btn {
  margin: 0.5rem 0 0;
  padding: 10px 40px;
  font-size: 1.125rem;
  font-family: "DrOetkerMomentsDisplay", arial;
  font-weight: 500;
  color: #ffffff;
  background-color: #df002b;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  #cookie-box a.btn {
    margin: 0.5rem 0 0;
    padding: 8px 20px;
  }
  #cookie-box .cookie-text {
    margin-right: 1rem;
    font-size: 0.9375rem;
  }
}