.calendar_index_wrap {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    position: relative;
}
.calendar_index_item{
clear: both;
width: 100%;
box-sizing: border-box;
margin: 1% 0;
padding: 30px;
border: 1px solid;
}
#calendar_index_item_soon{    order: 0;

}
#calendar_index_item_expired{    order: 2;display: none;
    opacity: .7;
}
.calendar_index_item_img{float: right;}
.calendar_index_item_img img{width: 120px;}
.calendar_index_item_date{font-weight: 800;
    font-size: 26px;margin-bottom: 10px;}
    .calendar_index_item_title h5 {
        margin: 20px 0;
        font-weight: 400;
        font-family: 'Roboto Slab', serif;
        font-size: 27px;
        line-height: 1.2;
        
    }
    .calendar_index_item_title a {
        color: #C71585;
        text-decoration: none;
    }
    .calendar_index_item_location{font-size: 20px;
        font-weight: 500;line-height: 1.2;}