.social {
    border: lightgray 1px solid;
    border-radius: 20px;
    padding: 20px 30px !important;
    margin: 0 20px;
}

.countdown li {
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
    border: #fff 1px solid;
    width: 14rem;
    height: 14rem;
    margin: 10px;
}

.countdown li span {
    display: block;
    font-size: 4.5rem;
}

@media all and (max-width: 768px) {

    .countdownli {
        font-size: calc(1.125rem * var(--smaller));
    }

    li span {
        font-size: calc(3.375rem * var(--smaller));
    }
}