.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;
	}
}