.ookslife-event-data{
    display: flex;
    flex-wrap: wrap;
}

.ookslife-event-data-column{
    width: calc(100%/3);
    box-sizing: border-box;
    padding: 10px;
}

.ookslife-event-box{
    /* border: 1px solid #222222;
    background-color: #f0f0f0;
    border-radius: 10px; */
    padding: 5px;
    margin-bottom: 5px;
    /* text-decoration: none; */
    /* box-shadow: 2px 2px 4px #c9c9c9; */
}

a:link{
    text-decoration: none;
}

/* For moble screens */
@media screen and (max-width: 820px){
    .ookslife-event-data-column{
        padding: 0px;
    }
    .ookslife-event-box{
        padding: 4px;
        margin-bottom: 2px;
    }
    .ookslife-event-box h4{
        font-size: 18px;
        padding-bottom: 0;
    }
    .ookslife-event-box p{
        font-size: 14px;
        padding-top: 0;
    }
}
@media screen and (max-width: 480px){
    .ookslife-event-data-column{
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
    }
    .ookslife-event-box{
        padding: 2px;
        margin-bottom: 1px;
    }
    .ookslife-event-box h4{
        font-size: 22px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .ookslife-event-box p{
        font-size: 18px;
        padding-top: 0;
        padding-bottom: 0;
    }
}