.main-box {
    background-color: #000;
    height: 200px;
    padding: 9px;
}

.main-box li span {
    display: block;
    font-size: 3vw;
}
.main-box .emoji {
    display: none;
    padding: 1rem;
}
.main-box .emoji span {
    font-size: 4vw;
    padding: 0 0.5rem;
}
.main-box li {
    display: inline-block;
    font-size: 1vw;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
}

.main-box .container {
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    margin-left: 14%;
}

.main-box #countdown {
    width: 65%;
    margin-top: -70px;
    margin-left: 370px;
}
.main-box #countdown ul {
    position: relative;
    margin-top: -44px;
    margin-left: 48px;
}

.main-box h3 {
    font-weight: 700;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    color: white;
    font-size: 1.2vw;
    padding: 0px;
    margin-top: 68px;
    margin-left: 86px;
}

.leader_board {
    width: 80%;
    margin: auto;
    background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
    background-size: contain;
}

h3 {
    margin-top: 0px;
    margin-left: 69px;
    font-size: calc(1.5vw * var(--smaller));
}

h3 span {
    font-size: 1.5vw;
    color: White;
}

li {
    font-size: calc(1.125vw * var(--smaller));
}

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

.main-box #countdown ul#link-button {
    margin-top: -126px;
    margin-left: 625px;
}

.main-box #countdown #link-box {
    width: 163px;
    height: 65px;
}

@media only screen and (min-width: 2000px) and (max-width: 2560px) {
    .main-box {
        background-color: #000;
        height: 270px;
        padding: 9px;
    }
    .main-box #countdown {
        width: 124%;
        margin-top: -65px;
        margin-left: 283px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: 48px;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1.2vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 86px;
    }

    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    h3 span {
        font-size: 1.5vw;
        color: White;
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -154px;
        margin-left: 1111px;
    }

    .main-box #countdown #link-box {
        width: 248px;
        height: 75px;
    }
}

@media only screen and (min-width: 1551px) and (max-width: 1700px) {
    .main-box {
        background-color: #000;
        height: 177px;
        padding: 11px;
    }
    .main-box #countdown {
        width: 55%;
        margin-top: -65px;
        margin-left: 283px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: 48px;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1.2vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 86px;
    }

    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    h3 span {
        font-size: 1.5vw;
        color: White;
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -96px;
        margin-left: 484px;
    }

    #link-box {
        width: 200px;
        height: 100px;
    }
}

@media only screen and (min-width: 1480px) and (max-width: 1550px) {
    .main-box {
        background-color: #000;
        height: 165px;
        padding: 9px;
    }
    .main-box #countdown {
        width: 48%;
        margin-top: -65px;
        margin-left: 283px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: 48px;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1.2vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 86px;
    }

    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    h3 span {
        font-size: 1.5vw;
        color: White;
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -96px;
        margin-left: 484px;
    }

    #link-box {
        width: 200px;
        height: 100px;
    }
}

@media only screen and (min-width: 1464px) and (max-width: 1479px) {
    .main-box {
        background-color: #000;
        height: 200px;
        padding: 9px;
    }

    .main-box #countdown {
        width: 58%;
        margin-top: -65px;
        margin-left: 400px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: 48px;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1.2vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 86px;
    }

    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    h3 span {
        font-size: 1.5vw;
        color: White;
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -95px;
        margin-left: 321px;
    }

    #link-box {
        width: 200px;
        height: 100px;
    }
}

@media only screen and (max-width: 1463px) and (min-width: 1281px) {
    .main-box #countdown {
        width: 58%;
        margin-top: -65px;
        margin-left: 219px;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -48px;
        margin-left: -32px;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1.2vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 16px;
    }
    .main-box {
        background-color: #000;
        height: 160px;
        padding: 15px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    h3 span {
        font-size: 1.5vw;
        color: White;
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -91px;
        margin-left: 453px;
    }

    #link-box {
        width: 200px;
        height: 100px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1025px) {
    .main-box {
        background-color: #000;
        height: 165px;
        padding: 14px;
    }

    .leader_board {
        width: 89%;
        margin: auto;
        min-height: 145px;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    .main-box .container {
        color: #ffffff;
        margin: 0 auto;
        text-align: center;
        margin-left: 14%;
    }

    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1.2vw;
        padding: 0px;
        margin-top: 72px;
        margin-left: -26px;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: -49px;
    }

    .main-box li {
        display: inline-block;
        font-size: 1vw;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .main-box #countdown {
        width: 100%;
        margin: auto;
        margin-top: -65px;
    }

    h3 span {
        font-size: 1.5vw;
        color: White;
    }

    .main-box li span {
        display: block;
        font-size: 3vw;
    }

    .main-box .emoji {
        display: none;
        padding: 1rem;
    }

    .main-box .emoji span {
        font-size: 4vw;
        padding: 0 0.5rem;
    }

    .main-box #countdown ul#link-button {
        margin-top: -81px;
        margin-left: 567px;
    }

    #link-box {
        width: 200px;
        height: 100px;
    }
}

@media all and (max-width: 1024px) and (min-width: 913px) {
    .main-box #countdown {
        width: 58%;
        margin-top: -65px;
        margin-left: 12%;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 34px;
    }
    .main-box {
        background-color: #000;
        height: 120px;
        padding: 11px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -47px;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }
    h3 span {
        font-size: 1.2vw;
        color: White;
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -69px;
        margin-left: 357px;
    }

    #link-box {
        width: 200px;
        height: 100px;
    }
}
@media all and (max-width: 912px) and (min-width: 821px) {
    .main-box #countdown {
        width: 58%;
        margin-top: -65px;
        margin-left: 17%;
    }
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1vw;
        padding: 0px;
        margin-top: 73px;
        margin-left: 49px;
    }
    .main-box {
        background-color: #000;
        height: 122px;
        padding: 16px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -46px;
        margin-left: 11px;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -78px;
        margin-left: 330px;
    }

    #link-box {
        width: 82px;
        height: 33px;
    }
}
@media all and (max-width: 820px) and (min-width: 769px) {
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1vw;
        padding: 0px;
        margin-top: 73px;
        margin-left: -18px;
    }
    .main-box {
        background-color: #000;
        height: 108px;
        padding: 15px;
    }

    .main-box #countdown {
        width: 58%;
        margin-top: -65px;
        margin-left: 17%;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: -51px;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

    li span {
        font-size: calc(3.375vw * var(--smaller));
    }
    .main-box #countdown ul#link-button {
        margin-top: -76px;
        margin-left: 271px;
    }

    #link-box {
        width: 87px;
        height: 27px;
    }
}
@media all and (max-width: 768px) and (min-width: 540px) {
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1vw;
        padding: 0px;
        margin-top: 71px;
        margin-left: 66px;
    }
    .main-box {
        background-color: #000;
        height: 104px;
        padding: 14px;
    }

    .main-box #countdown {
        width: 58%;
        margin-top: -65px;
        margin-left: 8%;
    }

    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -44px;
        margin-left: 21px;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -67px;
        margin-left: 311px;
    }

    #link-box {
        width: 76px;
        height: 23px;
    }
}
@media all and (max-width: 540px) and (min-width: 415px) {
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 1vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 53px;
    }
    .main-box #countdown {
        width: 100%;
        margin-top: -65px;
        margin-left: 4%;
    }

    .callout-dark {
        z-index: -5;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -50px;
    }
    .main-box {
        background-color: #000;
        height: 78px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -58px;
        margin-left: 226px;
    }

    #link-box {
        width: 51px;
        height: 18px;
    }
}
@media all and (max-width: 414px) and (min-width: 376px) {
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 0.7vw;
        padding: 0px;
        margin-top: 70px;
        margin-left: 40px;
    }
    .main-box #countdown {
        width: 100%;
        margin-top: -65px;
        margin-left: 4%;
    }

    .callout-dark {
        z-index: -5;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -48px;
    }
    .main-box {
        background-color: #000;
        height: 60px;
        padding: 11px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -56px;
        margin-left: 159px;
    }

    #link-box {
        width: 40px;
        height: 13px;
    }
}
@media all and (max-width: 375px) and (min-width: 281px) {
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 0.7vw;
        padding: 0px;
        margin-top: 68px;
        margin-left: 44px;
    }
    .main-box #countdown {
        width: 100%;
        margin-top: -65px;
        margin-left: 4%;
    }

    .callout-dark {
        z-index: -5;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -40px;
    }
    .main-box {
        background-color: #000;
        height: 55px;
        padding: 10px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

    li span {
        font-size: calc(3.375vw * var(--smaller));
    }
    .main-box li span {
        display: block;
        font-size: 2vw;
    }

    .main-box #countdown ul#link-button {
        margin-top: -56px;
        margin-left: 130px;
    }

    #link-box {
        width: 38px;
        height: 13px;
    }
}
@media all and (max-width: 280px) {
    .main-box h3 {
        font-weight: 700;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: white;
        font-size: 0.5vw;
        padding: 0px;
        margin-top: 69px;
        margin-left: 40px;
    }
    .main-box #countdown {
        width: 100%;
        margin-top: -65px;
        margin-left: 0%;
    }

    .callout-dark {
        z-index: -5;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .main-box #countdown ul {
        position: relative;
        margin-top: -50px;
    }
    .main-box {
        background-color: #000;
        height: 47px;
        padding: 12px;
    }
    .leader_board {
        width: 80%;
        margin: auto;
        background: url(../img/Catchup_Background_Leaderboard_Ad.png) no-repeat;
        background-size: contain;
    }

    .main-box #countdown ul {
        position: relative;
        margin-top: -46px;
        margin-left: 3px;
    }

    h3 {
        margin-top: 0px;
        margin-left: 69px;
        font-size: calc(1.5vw * var(--smaller));
    }

    li {
        font-size: calc(1.125vw * var(--smaller));
    }

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

    .main-box #countdown ul#link-button {
        margin-top: -56px;
        margin-left: 94px;
    }

    #link-box {
        width: 20px;
        height: 10px;
    }
}