@font-face {
  font-family: 'GTWalsheimBold';
  src: url('/themes/brandstheme/src/fonts/GTWalsheim/GTWalsheimBold.woff2') format('woff2'),
  url('/themes/brandstheme/src/fonts/GTWalsheim/GTWalsheimBold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GTWalsheimRegular';
  src: url('/themes/brandstheme/src/fonts/GTWalsheim/GTWalsheimPro-Regular.woff2') format('woff2'),
  url('/themes/brandstheme/src/fonts/GTWalsheim/GTWalsheimPro-Regular.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.section-banner {
    background-image: url('/themes/tastytheme/src/images/us-site/superbowl/superbowl-banner.webp');
    height: 550px;
    background-size: 100% 100%;
   text-align: center;
  display: grid;
  place-items: center;
  }

.banner-container {
  display: grid;
  place-items: center;
}

.superbowl-heading {
 font-family: 'GTWalsheimBold', open-sans, sans-serif;
  color: #0E4CAA;
}

 .rewards-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   padding: 20px;
   margin: 3rem 0;
 }

 .reward-item {
   border: 4px solid #DA252E;
   border-radius: 50%;
   height: 200px;
   width: 200px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding:20px
 }

 .reward-item p {
   color: #0E4CAA;
    font-family: 'GTWalsheimBold', open-sans, sans-serif;
 }

 .reward-item span {
   font-size: 2em;
 }

 /*Video Section*/

.video-container {
  position: relative;
  width: 90%;
  margin: auto;
  padding-top: 30px;
}

.video-container video {
  display: none;
  width: 100%;
}

.video-cover {
  cursor: pointer;
  width: 100%;
}

.superbowl-video-section, .pepsico-rewards-section {
  text-align: center;
  padding: 4rem 0;
}

.superbowl-subheading {
  color: #333333;
  font-size: 1em;
  font-family: 'GTWalsheimRegular', open-sans, sans-serif;
}

/*Map section*/

.grid-container {
  display: grid;
  grid-template-columns: 30% 70%;
}
.copy-container {
  padding: 20px;
  place-content: center;
  text-align: left;
}

.copy-container h3 {
  font-size:2em;
}

.copy-container p {
  color:#333333;
  font-family: 'GTWalsheimBold', open-sans, sans-serif;
  line-height: 2;
  margin-bottom: 10px;
}

.map-container {
  padding: 20px;
}

@media (max-width: 768px) {
  .grid-container, .pepsico-rewards, .rewards-container  {
    grid-template-columns: 1fr !important;
  }
  .pepsico-reward-item:nth-child(3) img {
    margin-top: 0;
  }
  .section-banner {
    height: 1200px
  }
  .banner-container {
    padding: 2rem 0;
  }
  .copy-container {
    text-align: center;
  }
  .superbowl-video-section, .pepsico-rewards-section {
    padding: 3rem 2rem;
  }
  .superbowl-heading br {
    display: none;
  }
}

.pepsico-rewards{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 20px;
}

.pepsico-reward-item{
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.pepsico-reward-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.pepsico-reward-item p {
  font-size: 16px;
  margin: 0;
  font-family: 'GTWalsheimRegular', open-sans, sans-serif;
}

#footer-us{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.pepsico-reward-item:nth-child(3) img {
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .noMobile {
    display: none !important;
  }
}