*,*::before,*::after { box-sizing: border-box; }
#agenda_main #main_container_hagenda { font-family: montserrat, arial, verdana; padding:30px; color:#222; font-size:16px; line-height: 19px; }
#agenda_main #main_container_hagenda a { text-decoration: none; font-weight:bold; color:#222; }
#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:55px auto; }
#agenda_main #main_container_hagenda .grid13 
{   display:grid; grid: 288px / 510px 570px; max-width:1080px; overflow: hidden; border-radius: 9px 9px 3px 9px; 
    background:#F7F7F7; border: 1px solid #ccc; overflow: hidden; box-shadow:5px 5px 14px -10px;
}
#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:#333; }
#agenda_main #main_container_hagenda .happy_title { font-size: 18px; line-height: 23px; align-self: center;  width:520px; }  
#agenda_main #main_container_hagenda .gridc2 { padding:10px 30px; display:grid; grid: 20px 65px 218px / 1fr; }
#agenda_main #main_container_hagenda .happy_text 
{   overflow-y:auto; overflow-x:hidden; height:100%; font-size:0.95em;   
    width:555px; padding:2px 44px 0 9px; word-wrap: break-word;
}
#agenda_main #main_container_hagenda .div_hagenda_flyer { background:#EEE; text-align:center; }

@media (max-width: 1160px) {
    #agenda_main #main_container_hagenda, body { padding:0; margin:0; width:100%; overflow-x:hidden; }
    #agenda_main #main_container_hagenda .grid13 
    {   display:grid; grid: 360px / 640px ; width:640px; max-width:640px; }
    #agenda_main #main_container_hagenda .gridc2 { padding:10px; display:grid; grid: 20px 65px 218px / 1fr; }
    #agenda_main #main_container_hagenda img { width:640px; max-width:640px; height:360px; max-height:360px; }
    #agenda_main #main_container_hagenda .happy_title { width:600px; } 
    #agenda_main #main_container_hagenda .happy_text  { width:645px; }
}


@media (max-width: 640px) {
    #agenda_main #main_container_hagenda, body { padding:0; margin:0; width:100%; overflow-x:hidden; }
    #agenda_main #main_container_hagenda .grid13 
    {   display:grid; grid: 212px / 375px ; width:375px; max-width:375px; }
    #agenda_main #main_container_hagenda .gridc2 { padding:10px; display:grid; grid: 20px 65px 218px / 1fr; }
    #agenda_main #main_container_hagenda img { width:375px; height:211px; max-height:211px; }
    #agenda_main #main_container_hagenda .happy_title { width:340px; } 
    #agenda_main #main_container_hagenda .happy_text  { width:380px; }
}