﻿@media all {
    /* row 2 */
    #cr_recognition_row_2 { background-color:var(--color-cyan); color:var(--color-white); }
    #cr_recognition_row_2 h2 { margin-bottom:var(--spacing-2L); padding-bottom:var(--spacing-2L); font-size:var(--spacing-3L); font-weight:800; color:var(--color-white); margin-bottom:var(--spacing-2L); line-height:1.2; border-bottom:1px var(--color-white) solid; }

    #cr_recognition_row_2 .container_row_content { padding:11vh 0px 15vh 0px; }

    #cr_recognition_row_2 ul.awards { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--spacing-0); margin:0px; padding:0px; list-style:none; }
    #cr_recognition_row_2 ul.awards li { padding:var(--spacing-2L) var(--spacing-3L); background-color:var(--color-blue); }
    #cr_recognition_row_2 ul.awards li h3 { margin-top:0px; margin-bottom:var(--spacing-1S); padding-top:0px; padding-bottom:var(--spacing-1S); font-size:var(--font-size-1L); color:var(--color-white); font-weight:600; border-bottom:1px var(--color-white) solid; }
    #cr_recognition_row_2 ul.awards li h3.no_underline { border-bottom:0px; }
    #cr_recognition_row_2 ul.awards li h3 span { display:block; height:var(--font-size-1L); }
    #cr_recognition_row_2 ul.awards li p { margin-bottom:0px; padding-bottom:0px; }

    #cr_recognition_row_2 ul.awards > li { margin-bottom:0px; }

    #cr_recognition_row_2 p.footnote { margin-top:var(--spacing-2L);}
}

@media (max-width:1200px) {
    #cr_recognition_row_2 ul.awards li { padding:var(--spacing-1L) var(--spacing-2L); }
}

@media (max-width:1000px) {
    #cr_recognition_row_1.brand_bg_white_with_cyan_bottom { background-image: linear-gradient(var(--color-white) 90%, var(--color-cyan) 10%);}

    .brand_row_style_3 .flex_row .box:nth-child(1) .body { padding-top:initial; }
    .brand_row_style_3 .flex_row .box:nth-child(2) .body { padding:10% 0px 10% 20%; }
}

@media (max-width:900px) {
    #cr_recognition_row_1.brand_bg_white_with_cyan_bottom { background-image:none;}

    #cr_recognition_row_2 ul.awards { grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:700px) {
    .brand_row_style_3 .flex_row .box:nth-child(1) .body img.main { height:40vh; object-position:bottom; }
    .brand_row_style_3 .flex_row .box:nth-child(2) .body { padding:var(--spacing-4L) var(--spacing-2L); }
}

@media (max-width:600px) {
    #cr_recognition_row_2 ul.awards { grid-template-columns:1fr; }
}