@media screen and (max-width: 359px) {
    #de_intro_2020_1__mapImg {
        visibility: hidden;
        width: 0px;
        height: 0px;
    }
}
/* 2023-10-07 (Cliff):  reworking this map at request of DA Germany 
leadership because the chapter names don't fit properly on the map - 
we don't need the custom CSS stuff here anymore because the labels 
are part of the image and the links are listed below it now. */
/*
@media screen and (min-width: 360px) { 
    #de_intro_2020_1__clickableMap {
        position: relative;
        max-width: 550px;
        margin: 0 auto;
    }

    #de_intro_2020_1__mapImg {
        width: 100%;
    }

    .de_intro_2020_1__chapterList {
        list-style-type: none;
    }

    .de_intro_2020_1__chapterList li {
        position: absolute;
        max-width: 6em;
        line-height: normal;
    }

    .de_intro_2020_1__chapterList li a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        text-decoration: none;
        color: #000;
    }

    .de_intro_2020_1__chapterList li a:hover {
        text-decoration: underline;            
    }

    #de_intro_2020_1__hamburg {
        top: 17%;
        left: 35%;
    }

    #de_intro_2020_1__berlin {
        top: 20%;
        left: 67%;
    }

    #de_intro_2020_1__muensterOsnabrueck {
        top: 32%;
        left: 16%;
    }

    #de_intro_2020_1__goettinenHanover {
        top: 39%;
        left: 41%;
    }

    #de_intro_2020_1__saxony {
        top: 47%;
        left: 70%;
    }

    #de_intro_2020_1__duesseldorfRuehr {
        top: 42%;
        left: 8%;
    }

    #de_intro_2020_1__koelnBonn {
        top: 55%;
        left: 6%;
    }

    #de_intro_2020_1__frankfurt {
        top: 58%;
        left: 26%;
    }

    #de_intro_2020_1__wiesbadenMainz {
        top: 62%;
        left: 17%;
    }

    #de_intro_2020_1__kaiserslautern {
        top: 68%;
        left: 12%;
    }

    #de_intro_2020_1__heidelburg {
        top: 73%;
        left: 22%;
    }

    #de_intro_2020_1__stuttgart {
        top: 81%;
        left: 30%;
    }

    #de_intro_2020_1__muenchen {
        top: 84%;
        left: 55%;
    }

    #de_intro_2020_1__ncb {
        top:66%;
        left: 50%;
    }

}
*/