
@media all {
    .global-polio-map { width:100%; height: 100vh; margin:0; position:relative; }

    .global-polio-map #global-polio-map-container .map-data { position:absolute; top: 20%; right: 0; z-index: 1; display: flex; flex-direction: column; }
    .global-polio-map #global-polio-map-container .map-data .data-strip { display:flex; color: #FFFFFF; min-height: 120px; border-bottom-left-radius: 150px; border-top-left-radius: 150px; margin: 20px 0; }
    .global-polio-map #global-polio-map-container .map-data .data-strip#endemic_countries { background-color: #F3333F; }
    .global-polio-map #global-polio-map-container .map-data .data-strip#infected_countries { background-color: #F8971D; }
    .global-polio-map #global-polio-map-container .map-data .data-strip .nb-countries { background-color: #FFFFFF; color: #00205c; display: flex; align-items: center; justify-content: center; min-width: 100px; min-height: 100px; border: 2px solid #00205c; font-size: 65px; font-weight: bold; border-radius: 50%; margin: 10px; }
    .global-polio-map #global-polio-map-container .map-data .data-strip .label { padding: 20px 10px; text-transform: uppercase; }
    .global-polio-map #global-polio-map-container .map-data .data-strip .label strong { font-size: 30px; font-weight: bold; }
    .global-polio-map #global-polio-map-container .map-data .data-strip .label p { font-size: 24px; margin-bottom: 10px; margin-top: 0px; }
    .global-polio-map #global-polio-map-container .map-data .data-strip .label small { text-transform: capitalize; font-size: 18px; line-height: 20px; }

    /* Popup title */
    .global-polio-map #global-polio-map-container .esri-popup .esri-popup__header-title { color: #00205c; }    

    /* The country link in the popup content */
    .global-polio-map #global-polio-map-container .esri-popup .esri-popup__content a { color: #0A88B2; }
    /* Add space between popup content elements */
    .global-polio-map #global-polio-map-container .esri-popup .esri-popup__content .esri-feature-content table tr td.title { padding-right: 5px; }
}
