main.home>div {
  flex: 1;
}

.promotionheroimage img {
  width: 100%;
  height: auto;
  display: block;
  background-color: #21409A;
}
main.home {
   display: flex;
}
main.home div.promotionheroimage,main.home .promotionheroimage+.markuptext {
  flex: 0 50%;
  aspect-ratio: 4 / 4.25;  /* set what your design needs */
}
.promotionheroimage.aem-GridColumn {
   background-color: #21409A;
}
.promotionheroimage+.markuptext {
  width: 100%;
  background-color: #006BFF;
  color: #FFFFFF;
  text-align: center;
  height: auto;
  overflow-y: auto;
}

.knova-soccer-middle-section {
  background-image: url(/content/dam/global/promotions/snack-to-score-promotion/en/images/mr_p.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 15%;
  background-position-x: 30px;
  margin-top: 35px;
}

.knova-soccer-enter-cta {
  display: inline-block;
  background-color: #ED1848;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: 'OpenSans-Bold';
  font-size: 19.7px;
  line-height: 100%;
  font-weight: 900;
  padding: 11.75px;
  border-radius: 15.28px;
  border: none;
  width: 30%;
  text-decoration: none;
  margin-bottom: 50px;
}

.knova-soccer-middle-section {
  font-family: 'OpenSans-Bold';
  line-height: 1;
}

.knova-soccer-middle-section h1 {
  font-size: 34.26px;
  font-weight: 900;
}

.knova-soccer-middle-section .knova-soccer-ptext1 {
  font-size: 17.13px;
  font-weight: 400;
}

.knova-soccer-middle-section .knova-soccer-ptext2 {
  font-size: 25.7px;
  font-weight: 400;
}

.knova-soccer-middle-section .knova-soccer-ptext3 {
  font-size: 16px !important;
  font-weight: 700;
}
.knova-soccer-middle-section .knova-soccer-ptext3 span {
  font-size: 16px !important;
  font-weight: 400;
  font-family: 'OpenSans-Regular';
}
.knova-soccer-abbr a {
  text-decoration: underline;
}

.knova-soccer-middle-section h1,
.knova-soccer-middle-section p {
  margin: 0px;
  line-height: 1;
}

.knova-soccer-middle-section h1,
.knova-soccer-middle-section .knova-soccer-ptext1,
.knova-soccer-middle-section .knova-soccer-ptext2 {
  padding: 10px;
  font-family: 'OpenSans-Regular';
}
.knova-soccer-middle-section .knova-soccer-ptext2 {
  font-family: 'OpenSans-Bold';
}
.knova-soccer-ptext2+.knova-soccer-ptext1 {
  padding-bottom: 20px;
}

.knova-soccer-ptext3 {
  padding: 5px;
}

.knova-soccer-middle-section p:nth-child(14) {
  padding: 25px;
  font-family: 'OpenSans-Light';
}
.knova-soccer-content-fr .knova-soccer-middle-section p:nth-child(14) {
  padding: 25px;
  font-family: 'OpenSans-Light';
}
.knova-soccer-content-fr .knova-soccer-middle-section p:nth-child(13) {
  padding: 5px;
  font-family: 'OpenSans-Regular';
}
.knova-soccer-middle-section p {
  width: 65%;
  margin: auto;
}

h2.footer-logo {
  display: none;
}
.knova-soccer-enter-cta:hover {
  background-color: #FFFFFF;
  color: #ED1848;
}
p.knova-soccer-ptext1 a {
    color: #FFFFFF;
}
.knova-soccer-content.knova-soccer-content-fr {
    margin-top: 35px;
}
@media (min-width: 320px) and (max-width: 768px) {
    .promotionheroimage+.markuptext {
      overflow-y: visible;
    }
	main.home {
      flex-direction: column;
    }
    .knova-soccer-middle-section {
        background-image: none;
    }
    .knova-soccer-enter-cta {
    	font-size: 24px;
        width: 45%;
    }
    .knova-soccer-abbr {
        background-image: url(/content/dam/global/promotions/snack-to-score-promotion/en/images/brand_logos_mb.png);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: contain;
        padding-bottom: 30%; /* Adjust as needed for image visibility */
    }
    .knova-soccer-abbr {
        background-image: 
            url(/content/dam/global/promotions/snack-to-score-promotion/en/images/mr_p.png),
            url(/content/dam/global/promotions/snack-to-score-promotion/en/images/brand_logos_mb.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 93% 25%, bottom center;
        background-size: 28% auto, contain;
        padding-bottom: 30% !important; /* Adjust as needed for image visibility */
    }
    .knova-soccer-abbr-fr {
        background-image: 
            url(/content/dam/global/promotions/snack-to-score-promotion/en/images/mr_p.png),
            url(/content/dam/global/promotions/snack-to-score-promotion/en/images/brand_logos_mb_fr.png);
    }
    .knova-soccer-abbr p {
        width: 65%;
        text-align: left;
    }
    .knova-soccer-middle-section h1, .knova-soccer-middle-section .knova-soccer-ptext2 {
      font-size: 24px;
      font-family: 'OpenSans-Bold';
      line-height: 1.5;
    }
    .knova-soccer-middle-section h1,
    .knova-soccer-middle-section .knova-soccer-ptext1,
    .knova-soccer-middle-section .knova-soccer-ptext3 span {
       font-size: 16px;
      font-family: 'OpenSans-Regular';
      line-height: 1.5;
    }
    .knova-soccer-middle-section .knova-soccer-ptext3 {
      font-size: 16px;
    }
    .knova-soccer-middle-section .knova-soccer-ptext3 span {
      line-height: 1;
    }
    .knova-soccer-enter-cta{
		margin-bottom: 0px;
    }
    main.home div.promotionheroimage,main.home .promotionheroimage+.markuptext {
      aspect-ratio: auto;
    }
}
@media (min-width: 498px) and (max-width: 550px) {
	.knova-soccer-abbr {
    	background-position: 93% 20%, bottom center;
        background-size: 25% auto, contain;
    }
}
@media (min-width: 551px) and (max-width: 600px) {
	.knova-soccer-abbr {
    	background-position: 93% 20%, bottom center;
        background-size: 20% auto, contain;
    }
}
@media (min-width: 601px) and (max-width: 650px) {
	.knova-soccer-abbr {
    	background-position: 93% 15%, bottom center;
        background-size: 17% auto, contain;
    }
}
@media (min-width: 651px) and (max-width: 768px) {
	.knova-soccer-abbr {
    	background-position: 93% 15%, bottom center;
        background-size: 13% auto, contain;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {

}
@media (min-width: 1024px) and (max-width: 1200px) {
	
}
@media (min-width: 1570px) and (max-width: 2566px) {
	.promotionheroimage+.markuptext {
      height: auto;
    }
    .knova-soccer-middle-section {
		margin-top: 50px;
	}
    .knova-soccer-middle-section h1,
    .knova-soccer-middle-section .knova-soccer-ptext1,
    .knova-soccer-middle-section .knova-soccer-ptext2 {
      padding: 15px;
    }
    .knova-soccer-middle-section p {
      width: 50%;
    }
    .knova-soccer-middle-section {
      background-size: 15%;
      background-position-x: 40px;
    }
    .knova-soccer-middle-section p:nth-child(14) {
      padding: 40px;
    }
}