#agenda_main #main_container_hagenda 
{   font-family: montserrat, arial, verdana; padding:0px; color:#777; font-size:17px;
    overflow-x:hidden;
}
#agenda_main #main_container_hagenda a { text-decoration: none; font-weight:bold; color:#555; }
#agenda_main #main_container_hagenda a:hover { color:#ff874a }
#agenda_main #main_container_hagenda .btn { border:1px solid #999; padding:3px 30px; margin:2px 0; border-radius: 8px; 
       width:200px; background:#FFF; 
}
#agenda_main #main_container_hagenda .btn:hover { border:1px solid #aaa; background:#FaFaFa;  }

#agenda_main #main_container_hagenda .hpagd_main { min-width:375px; max-width:1080px; margin:60px auto; }
#agenda_main #main_container_hagenda .grid13 
{   display:grid; grid: 288px / 510px 570px; max-width:1080px; overflow: hidden;
}
#agenda_main #main_container_hagenda img { max-width:510px; height:288px; max-height:288px; object-fit:cover; }
#agenda_main #main_container_hagenda .happy_date { font-weight:bold; color:#555; }  
#agenda_main #main_container_hagenda .happy_title { font-size: 18px; line-height: 23px; align-self: center; width:550px; }  
#agenda_main #main_container_hagenda .gridc2 { padding:0 40px; display:grid; grid: 20px 65px 216px / 1fr;  }
#agenda_main #main_container_hagenda .happy_text 
{   overflow-y:auto; overflow-x:hidden; height:100%; font-size:0.95em;   
    width:547px; padding:2px 44px 0 9px; word-wrap: break-word; background:#fff;  
}
#agenda_main #main_container_hagenda .div_hagenda_flyer { background:#EEE; text-align:center; border-radius: 9px 0 0 9px; }
#agenda_main #main_container_hagenda .div_hagenda_flyer img { border-radius: 9px 0 0 9px; }

#agenda_main #main_container_hagenda .bglg { background:#f7f7f7; } 

@media (max-width: 1075px) {
    #agenda_main #main_container_hagenda .grid13 
    {   display:grid; grid: 288px / 510px ; width:510px; max-width:575px; }
    #agenda_main #main_container_hagenda .gridc2 { padding:10px 0; display:grid; grid: 20px 65px 216px / 1fr; }
}

@media (max-width: 575px) {
    #agenda_main #main_container_hagenda .grid13 
    {   display:grid; grid: 212px / 375px ; width:375px; max-width:375px; }
    #agenda_main #main_container_hagenda .gridc2 { padding:10px 0; display:grid; grid: 20px 70px 240px / 1fr; }
    #agenda_main #main_container_hagenda img { width:375px; height:211px; max-height:211px; }
    #agenda_main #main_container_hagenda .happy_date { padding:0 9px; }
    #agenda_main #main_container_hagenda .happy_title { width:345px; padding:0 9px; }  
    #agenda_main #main_container_hagenda .happy_text { width:380px;  }
    .div_bgdatetitle { background:#f7f7f7; }
}