.calendar{
    counter-reset: day;
}
.day{
    height: 100px;
}
.event{
    min-height: 15px;
    font-size:xx-small;
}
@media screen and (max-width: 600px) {.day {height: 50px;}}
@media screen and (max-width: 600px) {
    .veza {
        height: 50px;
    }
}
.day::before {
    content: counter(day);
    counter-increment: day;
}
.veza{
    height: 100px;
    width: 14.2857142%;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}
.weekday{
    width: 14.2857142%;
}
.veza:hover{
    background: #3e3c3c;
    color: #fff;
}
.task{
    width: 100%;
    max-height: 100px;
    overflow-y: auto;
}