.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000088), url("/uploaded/Image/mastheads/sm/CADDesktop.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000088), url("/uploaded/Image/mastheads/sm/CADDesktop.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000088), url("/uploaded/Image/mastheads/mobile/450_CADDesktop.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000088), url("/uploaded/Image/mastheads/mobile/450_CADDesktop.jpeg");}
}

#IMG-MASTHEAD .long-title {font-size: clamp(2rem, 1.538rem + 2.051vw, 4rem); line-height: clamp(2rem, 1.538rem + 2.051vw, 4rem);}

.divider {border-bottom: 5px solid #DA291C; padding-bottom:20px;}

.image-text-container {display: flex; flex-direction: row;}
.image-text-container img {width: 130px;}
.image-text-container picture {margin: auto 20px;}
.right-text {flex-basis: 100%;}

.col-panel-span-video {aspect-ratio: 16/9;}

.upper-half {grid-row: 1;}
.lower-half {grid-row: 2;}
.both-halves {grid-row: 1/3;}

@media (max-width: 700px) {
.upper-half {grid-row: unset;}
.lower-half {grid-row: unset;}
.both-halves {grid-row: unset;}
}

@media (max-width: 450px) {
.image-text-container {flex-direction: column;}
.image-text-container picture {width: 130px; margin: auto;}
}