#endpromotion           {position: relative;background-image: url('xluna/img_header_bg.jpg');z-index: 10;background-size:cover;background-position:center;}
.endpromotion-content{
   position: absolute;
   bottom: 5vh;
   font-size: 15px;
   color: black;
   left: 50%;
   font-weight: 900;
   transform: translateX(-50%);
   text-align: center;
   line-height: 1.5px;
   /* Remove text stroke per letter */
   /* -webkit-text-stroke: 1px white; */
   /* text-stroke: 1px white; */
   /* Add thicker stroke effect per word using more text-shadow layers */
   text-shadow:
     -2px -2px 0 white,
      2px -2px 0 white,
     -2px  2px 0 white,
      2px  2px 0 white,
     -2px  0px 0 white,
      2px  0px 0 white,
      0px  2px 0 white,
      0px -2px 0 white,
     -1px -1px 0 white,
      1px -1px 0 white,
     -1px  1px 0 white,
      1px  1px 0 white;
}

 @media print, screen and (max-width:40em) {


#endpromotion           {position: relative; background-image: url('SG/Assets/img_header_hp.png');z-index: 10;background-size:cover;background-position:bottom;
					 height: 100svh!important;
	}
.endpromotion-content{
   position: absolute;
   bottom: 4svh;
   width: 100%;
      z-index: 999;

   font-size: 9px;
   color: black;
   left: 50%;
   font-weight: 900;
   transform: translateX(-50%);
   text-align: center;
   line-height: 10px;
   /* Remove text stroke per letter */
   /* -webkit-text-stroke: 1px white; */
   /* text-stroke: 1px white; */
   /* Add thicker stroke effect per word using more text-shadow layers */
   text-shadow:
     -2px -2px 0 white,
      2px -2px 0 white,
     -2px  2px 0 white,
      2px  2px 0 white,
     -2px  0px 0 white,
      2px  0px 0 white,
      0px  2px 0 white,
      0px -2px 0 white,
     -1px -1px 0 white,
      1px -1px 0 white,
     -1px  1px 0 white,
      1px  1px 0 white;
}


}
@media screen and (min-width: 49em) and (max-width: 53em) {
   
#endpromotion           {position: relative; background-image: url('SG/Assets/img_header_hp.png');z-index: 10;background-size:cover;background-position:bottom;
					 height: 100svh!important;
	}
.endpromotion-content{
   position: absolute;
   bottom: 4svh;
   width: 100%;
      z-index: 999;

   font-size: 15px;
   color: black;
   left: 50%;
   font-weight: 900;
   transform: translateX(-50%);
   text-align: center;
   line-height: 10px;
   /* Remove text stroke per letter */
   /* -webkit-text-stroke: 1px white; */
   /* text-stroke: 1px white; */
   /* Add thicker stroke effect per word using more text-shadow layers */
   text-shadow:
     -2px -2px 0 white,
      2px -2px 0 white,
     -2px  2px 0 white,
      2px  2px 0 white,
     -2px  0px 0 white,
      2px  0px 0 white,
      0px  2px 0 white,
      0px -2px 0 white,
     -1px -1px 0 white,
      1px -1px 0 white,
     -1px  1px 0 white,
      1px  1px 0 white;
}

}