@charset "utf-8";

.wrapper-fo{display:flex;width:100%;}
#founder{flex:1; background-color: #36C;text-align:left;font-size:14px; color:#FFF;clear:both;width:100%;padding:1% 1%;} 
#myBtn-f{display: inline-block; background-color:#FFF;font-size:14px;color:#009;border-radius:12px;padding:0.5% 0.5%;}

.open-popup-btn{padding: 0.5% 0.5%; background-color:#FFF; color:#009; border:none; border-radius:6px; cursor:pointer; font-size:14px; display:inline-block;}
.open-popup-btn{hover:background-color:#09F;}
.popup-overlay {display:none; position:fixed; inset:0; background: rgba(0,0,0,0.55);z-index:9999;align-items:center; justify-content: center; padding: 24px;}
.popup{position:relative; background: white; color:#222; width:100%; max-width: 700px; max-height:90vh; overflow-y:auto;border-radius:32px;box-shadow:0 10px 40px rgba (0,0,0,0.25);}
.popup-overlay.active{display:flex;}
.close-popup-btn {position:absolute; top:12px;right:16px;background:none;border:none;font-size:32px;line-height:1; cursor:pointer; color:#333;}
.close-popup-btn:hover {color:#000;}
.popup-content {display:flex; gap:24px;align-items:flex-start;}
.popup-text {flex:1;padding-left:20px; padding-right:10px;text-align:left;}
.popup-image {width: 220px;max-width:100%;border-radius:8px;object-fit:cover;}

@media only screen and (max-width: 600px) {
.popup-overlay{align-items:flex-start;justify-content:flex-start;padding:0;}
.popup {width:100%;height:100vh;max-width:none;max-height:none;border-radius:0;padding: 56px 20px 24px;}
.popup-content {flex-direction:column;}
.popup-text {font-size:12px;}
.popup-image {width:100%;}
.close-popup-btn {top:16px; right:20px;}
}