#calendar {
    overflow-wrap: break-word;
    word-wrap: break-word;
    margin-bottom: 20px;
}

@media only screen and (max-width : 767px) {
    .event:not(.event-5):not(.event-6) {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .event:not(.event-4):not(.event-5):not(.event-6) {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width : 992px) {
}

.event > div {
    background: #fff;
}

.event h1, .event h2 {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #822433;
}

.event h1 a, .event h1 a:hover,
.event h2 a, .event h2 a:hover {
    color: #822433 !important;
}

.event h2 {
    margin: 0;
}

.event h3 {
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #333;
}

.event h3 a, .event h3 a:hover {
    color: #333 !important;
}

.event .num-data {
    font-size: 50px;
    line-height: 50px;
}