@media only screen and (max-width: 850px) {
    .matchCard {
        padding: 20px 20px;
        transition: padding 0.3s ease-out;
        -webkit-transition: padding 0.3s ease-out;
        -moz-transition: padding 0.3s ease-out;
        -ms-transition: padding 0.3s ease-out;
        -o-transition: padding 0.3s ease-out;
    }
    .endAlert {
        font-size: 14px;
        margin-right: 10px;
    }
    .liveAlert {
        font-size: 14px;
        margin-right: 10px;
    }
    
    .matchesCards {
        font-size: 14px;
    }
    
    .matchDate{
        font-size: 13px;
        vertical-align: 0px;
    }
    
    .dateIcon{
        font-size: 14px;
    }
}