﻿.countdown {
    display: table;
    width: 100%;
    color: white;
    padding: 20px 0px 20px 0px;
}

.countdown .cell {
        display: table-cell;
        padding: 10px;
    }

.countdown .cell .circle {
            border-radius: 100px;
            width: 98px;
            height: 94px;
            border-style: solid;
            border-width: 2px;
            border-color: white;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 40px;
            font-weight: 700;
        }

.countdown .cell > div:nth-child(2) {
            display: table-cell;
            vertical-align: middle;
            padding: 0 10px 0 20px;
        }

.countdown .cell .days {
            font-weight: 700;
            font-size: 15px;
        }

.countdown .cell .description {
            font-size: 12px;
            font-style: italic;
        }


@media(max-width:990px) {
    /*countdown*/

    .base-content.stats .countdown, .countdown {
        display: block;
        width: auto;
        padding: 20px 0 15px 0;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        max-width: 300px;
    }

        .base-content.stats .countdown .cell, .countdown .cell {
            width: auto;
            display: inline-block;
            width: 300px;
            text-align: left;
        }
}

@media(max-width:500px) {
    

    .countdown .cell {
        width: 280px;
        margin-right: auto;
        margin-left: auto;
        display: inline-block;
    }
}
