.section-title {
    margin-bottom: 20px
}

/***hero event block css start here***/
.hero-event-block{display: table;margin-bottom: 30px;}
/**event background image start here**/
.hero-background-image{display: table-cell;vertical-align: top;}
.hero-background-image:before{content: "";display: block;padding-top: 79%}
/**event background image end here  **/

/**yellow-theme**/
/**hero event content start here**/
.hero-content{display: table-cell;vertical-align: top;padding: 0 27px;}
.hero-content{background: #fed430}
.hero-content h2{font-size: 36px;color:#000;font-family: gotham_ssmbook;margin-top: 32px; margin-bottom: 22px;letter-spacing: 2px;}
.hero-content p.event-date{ color:#010100;font-size: 19px;font-family:gotham_ssmlight; margin-bottom: 50px; }
.hero-content p{color:#000;font-size: 15px;font-family:gotham_ssmmedium;margin-bottom: 20px;}
.hero-content .readmore a{display: none}
.readmore{margin-bottom: 20px;}
/**hero event content end here  **/
/**end yellow-theme**/

/**black Theme**/
.charcoal-theme .hero-content{background: #2e2d2c}
.charcoal-theme .hero-content h2{color:#fed430;}
.charcoal-theme .hero-content p.event-date{ color:#fed430;}
.charcoal-theme .hero-content p{color:#fed430;}
.charcoal-theme .hero-content .readmore{color: #fed430;}
.charcoal-theme .hero-content .readmore a{color: #fed430;}
.hero-content .readmore{ font-size:14px;}
/**black Theme**/


/**large devices starts here**/
@media(min-width: 768px){
  .hero-background-image{float:none;}
  .hero-content{float: none;}
  .hero-content .readmore{display:block;font-size: 14px;font-family: gotham_ssmbook;color: #000;text-transform: uppercase;}
  .hero-content .readmore a{display:block;font-size: 14px;font-family: gotham_ssmbook;color: #000;text-transform: uppercase;}
}
/**large devices end**/

/***hero event block css end  here***/