.featured-promotion-row {
  background-image: url('../images/featured-promotion-background.jpg');
}


/* Y-axis position for the talent image */
.talentImagePosition {
    bottom: 0%;
}

/* Y-axis position for the text image */
.promoTextPosition {
    bottom: 10%;
}

.custom-text-size h1 {
  font-size: 5vw;
}

.custom-text-size h5 {
  font-size: 2.2vw;
}

@media only screen and (max-width: 499px) {

.custom-text-size h1 {
  font-size: 11vw;
}

.custom-text-size h5 {
  font-size: 7vw;
}

}



@media only screen and (min-width: 1025px) {
  .featured-promotion-badge img {
      margin-top: 0%;
    max-width: 120%;
    margin-left: -13%;

}



}

@media only screen and (max-width: 414px) {
.featured-promotion-badge img {
    max-width: 87vw;
    position: relative;
    z-index: 2;
    margin-bottom: -11.1vw;
    margin-top: 8vw;

}

}

@media only screen and (min-width: 501px) and (max-width: 768px) {
  .featured-promotion-badge img {
 margin-top: 1%;
max-width: 138%;
margin-left: -20%;

}

#promoContentDiv .featured-promotion-row {
    margin-top: 4vw;
}

.badge-type-promotion {
    background-size: 15%;
}
  

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .featured-promotion-badge img {
  max-width: 30vw;
margin-left: -4vw;
}

.promo-landing-page-banner-spacing-top {
    padding: 4% 0 4% 0;
    margin-top: 3vw;
}

}

@media only screen and (max-width: 499px) and (orientation: portrait) {
.banner-talent img {
    width: 65%;
    min-width: 170px;
    left: 18%;
}

.talentImagePosition {
    bottom: -25%;
}

}