.image_inner_text {
 position: absolute;
 top: 20%;
 left: 20%;
 color: #FFFFFF;
 font-weight: bold;
 background: #000000;
 padding: 20px;
 opacity: 0.5;
 border-radius: 15px 15px 0 15px;
 font-size: 2rem;
 /*
 text-shadow:
 -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
 */
}

.image_inner_text_sale {
 position: absolute;
 top: 20%;
 left: 20%;
 color: #FFFFFF;
 font-weight: bold;
 background: #B53737;
 padding: 20px;
 /* opacity: 0.5; */
 border-radius: 15px 15px 0 15px;
 font-size: 2rem;
 /*
 text-shadow:
 -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
 */
}

li {
padding-bottom: 20px;
}
.sub_header_text{
color: #FFFFFF;
font-family: FamiliarPro;
font-size: 2rem;
}

.flex-container {
 display: flex;
flex-wrap: wrap;
}

.flex-child {
 flex: 1;
} 

.flex-child:first-child {
 margin-right: 10px;
} 

.ct_page_header_VTRedzone_white_test {
 color: rgb(255, 255, 255);
 font-family: 'VTFRedzone';
 /* Remove the fixed font-size */
 /* font-size: 12rem; */
 -webkit-text-stroke: 2px black;
 /* Use a combination of viewport width and a minimum value */
 font-size: calc(6rem + 6vw); /* Example: Adjust 6rem and 6vw as needed */
}



@media screen and (max-width: 600px) { /* Change the breakpoint as needed */

 .ct_page_header_VTRedzone_white_test {
 font-size: calc(4rem + 4vw); /* Smaller on mobile, adjust 4rem and 4vw */
 -webkit-text-stroke: 1px black; /* Thinner stroke on mobile */
 }
 .flex-container {
 flex-direction: column; /* Stack items on small screens */
 }
.image_inner_text {
top: 5%;
 left: 5%;
 padding: 5px;
font-size: 1.7rem;
}
}