@media all {
    /* start accessibility */
    #intro .accessibility_group { grid-template-columns:2fr 1fr; gap:var(--spacing-3L); } 

    #intro ul {text-align:center; }
    #intro ul button { position:relative; display:block; padding:var(--spacing-1S); width:100%; color:var(--color-black); font-size:var(--font-size-0); font-weight:var(--font-weight-light); cursor:pointer; text-decoration:none; background-color:var(--color-white); border:1px var(--color-gray) solid; border-radius:10px; }

    #intro ul button.selected:after { content:""; position:absolute; top:var(--spacing-2S); right:var(--spacing-2S); width:var(--font-size-0); height:var(--font-size-0); color:var(--color-white); background-color:var(--color-black); background-size:50%; background-repeat:no-repeat; background-position:center; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_checkmark_white.png); border:1px var(--color-white) solid; border-radius:50%; z-index:10;  }

    #intro ul button:hover,
    #intro ul button:focus { text-decoration:underline !important; }

    #intro ul.font_size_list button { color:#000000 !important; }

    #intro ul.font_size_list li:nth-child(1) button[data-set="default-font"] { font-size:24px !important; }     /* 100% */
    #intro ul.font_size_list li:nth-child(2) button[data-set="120"] { font-size:33px !important; }         /* 110% */

    #intro ul.color_list button[data-set="default"] { color:black !important; background-color:white !important; }

    #intro ul.color_list button[data-set="yellow-1"] { color:yellow !important; background-color:blue !important; border-color:white !important; }
    #intro ul.color_list button[data-set="yellow-2"] { color:yellow !important; background-color:black !important; border-color:white !important; }

    #intro ul.color_list button[data-set="green-1"] { color:green !important; background-color:white !important; }

    #intro ul.color_list button[data-set="white-1"] { color:white !important; background-color:black !important; border-color:white !important; }
    #intro ul.color_list button[data-set="white-2"] { color:white !important; background-color:darkred !important; border-color:white !important; }
    /* end side accessibility */
}

@media (max-width:1000px) {
    #intro .accessibility_group { grid-template-columns:1fr; gap:var(--spacing-5L); }    
}

@media (max-width:700px) {
    ul.font_size_list,
    ul.color_list { grid-template-columns:1fr;}
}