@media screen and (min-width: 992px) and (max-width:1600px) {
    .calendar-left,
    .alt-commend{
        width: 40% !important;
    }
    .calendar-right{
        width: 60% !important;
    }
    .person{
        width: 50% !important;
    }
}
@media screen and (max-width: 992px) {
    .calendar-card{
        width: 100%;
    }
}
@media screen and (max-width: 575.98px){
    .person:first-child{
        border: 0px !important;
    }
}
@media screen and (max-width: 375px) {
    .yellow #calendar #lastMt, .prev-.yellow #calendar #lastMt {
        left: 3em;
    }
    .yellow #calendar #nextMt, .prev-.yellow #calendar #nextMt {
        right: 3em;
    }
}