/* @scope(.INFO_DIV)
        {               
                :scope
                { 
                        outline:11px solid blue;
                        width:100%;

                        display:grid;
                        grid-template-columns:1fr 1fr;
                        grid-template-rows:1fr;
                        grid-template-areas:"INFO_LINK CONTACT_DIV";

                        align-content:space-between;
                        align-items:end;
                }
                .INFO_TEXT_DIV                  { grid-area:INFO_LINK; height:100%; text-align:center;}
                .CONTACT_DIV                    { grid-area:CONTACT_DIV; }
        } */

        @scope(.INFO_DIV)
        {               
                :scope
                { 
                        width:100%;

                        display:grid;
                        grid-template-columns:1fr;
                        grid-template-rows:.25fr 1fr ;
                        grid-template-areas:"INFO_DIV_TOP"
                                            "INFO_DIV_BOTTOM";

                        align-content:space-between;
                        align-items:end;
                }
                
                .INFO_DIV_TOP                   { grid-area:INFO_DIV_TOP; display:grid; grid-template-columns:1fr 1fr; outline:1px solid red; width:100%}
                .INFO_DIV_BOTTOM                { grid-area:INFO_DIV_BOTTOM; display:grid; grid-template-columns:.25fr 1fr; outline:1px solid green;}
                .INFO_DIV_TOP_LEFT,
                .INFO_DIV_TOP_RIGHT             { text-align:center; }

                .INFO_TEXT_DIV                  { grid-area:INFO_LINK; height:100%; text-align:center;}
                .INFO_TEXT_DIV:active:after     { content:attr(title); }
                .CONTACT_DIV                    { grid-area:CONTACT_DIV; }
        }