.popup_charge { overflow-y: hidden; }
.popup { 
    position: fixed; width: 100vw; z-index: -1; overflow-y: auto; top: 0; left: 0px; right: 0; bottom: 0;
    overflow-x: hidden; display: block;
    background-color: rgba(0,0,0,.85); opacity: 0; transition: .5s opacity;
    padding: 4rem; justify-content: center; align-items: center; }
.popup.text_and_button .popup_container { 
    text-align: center; background-color: white; padding: 2rem; font-size: 16px; }
.popup_close_container { display: flex; justify-content: flex-end; }
.popup_inner { max-width: 700px; height: 100%; }
.popup_charge .popup { display: flex; opacity: 1; z-index: 1001; }
.popup_close {
    background-color: transparent;
    border: 0; color: white; font-family: inherit; font-size: 4em; 
    line-height: 5rem; right: 4rem; padding: 0;}
.popup .section-heading { text-align: center; color: #87764d; font-size: 18px; margin: 0 0 1rem; } 
[class*="popup_img_"] { 
    width: 100%; background-color: white; padding: 1rem; height: auto; margin: auto; }
.popup_img_desktop { display: none; }
@media (min-width: 768px){
    .popup .section-heading { font-size: 24px; ;}
    [class*="popup_img_"] { width: 100%; padding-right: 3rem; }
    .popup_img_mobile { display: none; }
    .popup_img_desktop { display: block; }
}