section.event_content div.hero{

    max-width: 100%;
    height: 40rem;
    
    /* background: url(/images/gallery/OneDay_Workshop_30SEPT2024/IMG-001.jpg); */
    background-position: center center;
     background-repeat: no-repeat; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;

}


section.event_content div.main_content{

   width: 100%;
   max-width: 80rem;
   background-color: rgb(255, 255, 255);
   margin: 0 auto;
   padding: 3rem;
   border-top-left-radius: 1.5rem;
   border-top-right-radius: 1.5rem;
   margin-top: -5rem;
   text-align: justify;


}




section.event_content div.main_content h1{

    color:#be280e;
    font-size:1.8rem;
    margin-bottom:8px;


}


section.event_content div.main_content > p{

    color:#6b6b6b;
    font-size:1.1rem;


}


div.text_content{

    margin-top:3rem;

}




div.text_content p{

    margin-bottom: 1.5rem;
    font-size:1.1rem;

}

div.text_content ol{

    margin-left: 2rem;
    font-size:1.1rem;

}



div.text_content ol li{

    
    margin-bottom: 1rem;
    font-size:1.1rem;

}


div.text_content p:last-child{

    
    margin-top: 2rem;
    font-size:1.1rem;

}




/* blockquote{

    font-size: 1.1rem;
    padding: 1rem 2.8rem;
    line-height: 1.6;
    font-weight: 300;
    box-shadow: inset 0.5rem 0 0 rgb(200, 86, 86);
    background-color: rgb(208, 208, 208);
} */


section.event_content div.event_gallery{
    
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
}



section.event_content div.event_gallery img{
   width: 100%;
}




@media screen and (max-width: 1400px) {
    
    section.event_content div.main_content{

        width: 100%;
        max-width: 75rem;
    }

}




@media screen and (max-width: 1250px) {
    
    section.event_content div.main_content{

        width: 100%;
        max-width: 60rem;
    }

}





@media screen and (max-width: 750px) {
    
    section.event_content div.main_content{

        width: 100%;
        max-width: 40rem;
    }

}





@media screen and (max-width: 668px) {
    
    section.event_content div.main_content{

        padding: 3rem 2rem 3rem 2rem;
    }
    
    
    
    section.event_content div.main_content h1{

        font-size:1.5rem;
        margin-bottom:8px;
    
    
    }
}