.row { display:flex; flex-direction:row; justify-content: space-between; margin-bottom: 40px; }
.month_event { border: 1px solid #f4efef; padding: 20px; height: 160px; overflow: hidden; font-size: 14px; width: 100%; border-radius: 7px; box-shadow: 1px 0px 10px #b0acac; }
.row_event { padding: 20px; margin: 10px 0; font-size: 14px; width: 100%; }
.row.no-gutters {margin: 10px 0; } 
.flex { display:flex; flex-direction:row; justify-content: space-between; } 
.month_img img { width: 250px; margin: 0; } 
.col-sm-5 img {   max-width: 100%; border-radius: 10px; margin-top: -20px; }
.month { font-size: 1.5rem; background: #db1c24; display: inline-block; padding: 0 2rem 0 .7rem; margin-bottom: 1.67rem; color: #fff;}
.month::before { font-family: Font Awesome\ 5 Free; content: "\f073"; font-weight: 900; margin-right: .5rem; }
.month_img { margin-left: -30px; margin-top: -30px; height: 185px; border-right: 5px solid #db1c24; display: flex; align-items: center; margin-right: 15px; }
.mar40 { margin-bottom: 40px;} 
@media screen and (max-width: 700px) {
   .flex { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } 
   .month_event { border: 1px solid #f4efef; padding: 0 0 20px 0; height: auto; overflow: visible; font-size: 14px; width: 100%; border-radius: 7px; box-shadow: 1px 0px 10px #b0acac; margin-bottom: 15px; } 
   .month_event p {padding: 0 10px;} 
   .month {margin-top: 10px;}
   .month_img img {width: 100%; margin: 0; }
   .month {font-size: 1.5rem; background: #db1c24; display: inline-block; padding: 0 2rem 0 .7rem; margin-bottom: 1.67rem; color: #fff; width: 100%; text-align: center; } 
   .month_img {margin-left: 0; margin-top: 0; height: auto; border-right: 0; display: flex; align-items: center; margin-right: 0; width: 100%; } 
}