@media (min-width: 500px) {
.hd_dt {display:none !important;}
.left_col_line {border-right: 2px solid #E2E2E2;}
.right_col_line {border-left: 2px solid #E2E2E2;}
.highlight_title {font-weight: bolder;font-size: 22px;color: #727272;}
.highlight_value {font-weight: bold; color: #DE181F; font-size: 30px;}
.cdyt2025_dif {font-weight: bolder;font-size: 30px;color: #45C2EE;}
.hw-page h3 {font-weight: bold;font-size: 25px;padding: 10px;}
.dt_participate_background {background-image: url(img/family_run_background.jpg);background-size: cover;background-repeat: no-repeat;}
.participate_a {margin-bottom: 10px; display: flex;flex-direction: row;align-items: center;}
.participate_a p {padding: 12px;font-size: 1.6rem;}
}

@media (max-width: 499px) {
.hd_mb {display:none !important;}
.col2{max-width: 100% !important;width: 100%!important;}
.highlight {margin-left: 10px;margin-right: 10px;}
.highlight_title {font-weight: bolder;font-size: 18px;color: #727272;}
.highlight_value {font-weight: bold; color: #DE181F; font-size: 25px;}
.cdyt2025_dif {font-weight: bolder;font-size: 25px;color: #45C2EE;}
.hw-page h3, .hw-page h3 span {font-weight: bold;font-size: 20px;padding: 10px;line-height: 30px;}
.mb_participate_background {background-image: url(img/family_run_background.jpg);background-repeat: no-repeat;background-position: center;background-size: 180%;}
.mb_participate_item_background {background: #ffefe8;}
.participate_a {margin-bottom: 10px; display: flex;flex-direction: row;align-items: center;}
.participate_a p {padding: 12px;font-size: 1.5rem;}
.mb_participate_item_background {width: 100%;}
.download_type {justify-content: center !important;}
.download_steps {padding-right: 0 !important; margin-bottom: 150px;}
.footer_text {padding: 50px 17px !important;}
.participant_text{font-size:16px !important;}
.dt_participate_background {margin-bottom: -90px !important;}
}

@media (min-width: 1200px) {
    body .container, html .container {
        max-width: 1050px !important;
    }
}

h3 {text-align: center;}

.col2 {
    max-width: 50%;
    width: 49%;
}
.highlight {
    background: white;
    padding: 20px;
    border-radius: 9px !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.highlight img {width: 28%}