#mm_who{width:100%;margin:0;}
#mm_who.publicdirection .row{
    flex-direction: row-reverse;
}

#mm_who .col-6 .col-12:nth-child(1){font-size: 65vh;line-height: 65vh;}
#mm_who .col-6 .col-12:nth-child(2){font-size: 12vh;line-height: 12vh;min-width: 45vw; text-overflow: ellipsis;  overflow: hidden;}

#mm_why,#mm_where,#mm_when,#mm_markerpad{
    position:absolute;
    left:50%;    
    z-index:100;

    padding:1em;
    background-color:black;
    color:white;
    border:0.02em white solid;
    border-radius: 1em;                
    box-shadow: 0 0 0.2em 0.05em #000;

    text-align: center;
    font-size:5vh;

}
#mm_why,#mm_markerpad{
    top:20%;
    left:25%;
    width:50%;
    height:50%;
    text-align: left;
    border-radius: 0.3em; 
}    
#mm_when,#mm_where{
    font-size:10vh;
    line-height: 10vh;
    padding:0 0.5em;
    width:4em;
    margin-left:-2em;
}
#mm_when{
    top:0;
    border-top-width: 0 ;
    border-top-left-radius: 0;                
    border-top-right-radius: 0;   
}
#mm_where{
    bottom:0;
    border-bottom-width: 0 ;
    border-bottom-left-radius: 0;                
    border-bottom-right-radius: 0;    
    line-height: 10.4vh;
}

.fas, .far{font-size:5vh;}
.missing{color:red;}
.present{color:green;}
#mm_why ul{list-style: none;padding-left:0em}

#mm_why div,#mm_why button, #mm_markerpad button {font-size: 5vh; text-overflow: ellipsis;  overflow: hidden;}