.tickerdatecell {
font-family: "big-shoulders-dis-variable",sans-serif;
font-weight: 600;
font-style: normal;
text-decoration:none;
text-transform:none;
font-size:16px;
line-height:20px;
color:#aa0000;
margin-bottom:20px;
}	
h1{
color:#046681;
font-weight:100;
font-size:40px;
margin:40px 0px 20px 0px;
}
#clockdiv{
font-family: "big-shoulders-dis-variable",sans-serif;
font-weight: 600;
font-style: normal;
text-decoration:none;
text-transform:none;
color:#faf5d2;
background-color:transparent;
display:inline-block;
text-align:center;
font-size:30px;
}
#clockdiv > div{
padding:8px;
margin-bottom:10px;
border-radius:0px;
border:0px solid #aa0000;
background:#aa0000;
background-image:url("../images/bg.png");
background-repeat:no-repeat;
display:inline-block;
margin:0px 3px 20px 3px;
width:80px;
}
#clockdiv div > span{
padding:12px;
border-radius:0px;
border:0px dotted #3a3b3a;
background-color:transparent;
display:inline-block;
color:#faf5d2;
}
.smalltext{
padding-top:5px;
font-size:14px;
color:#fff;
}
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
@media (max-width: 495px) { 
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
h1{
color:#a3033d;
font-weight:100;
font-size:15px;
margin:20px 0px 10px 0px;
}
#clockdiv{
font-family: "big-shoulders-dis-variable",sans-serif;
font-weight: 400;
font-style: normal;
text-decoration:none;
text-transform:none;
color:#faf5d2;
background-color:transparent;
display:inline-block;
text-align:center;
font-size:25px;
}
#clockdiv > div{
padding:4px;
margin-bottom:10px;
border-radius:0px;
border:3px solid #aa0000;
background:#aa0000;
display:inline-block;
margin:0px 1px 20px 1px;
width:60px;
}
#clockdiv div > span{
padding:5px;
border-radius:0px;
border:0px dotted #3a3b3a;
background-color:transparent;
display:inline-block;
color:#faf5d2;
}
.smalltext{
padding-top:5px;
font-size:12px;
color:#fff;
}
.tickerdatecell {
font-family: "big-shoulders-dis-variable",sans-serif;
font-weight: 600;
font-style: normal;
text-decoration:none;
text-transform:none;
font-size:16px;
line-height:18px;
color:#aa0000;
margin-bottom:20px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:subpixel-antialiased;
}
}
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
@media (max-width: 320px) { 
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
.tickerdatecell {
font-family: "big-shoulders-dis-variable",sans-serif;
font-weight: 600;
font-style: normal;
text-decoration:none;
text-transform:none;
font-size:16px;
line-height:18px;
color:#aa0000;
margin-bottom:20px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:subpixel-antialiased;
}
h1{
color:#a3033d;
font-weight:100;
font-size:15px;
margin:20px 0px 10px 0px;
}
#clockdiv{
font-family: "big-shoulders-dis-variable",sans-serif;
font-weight: 600;
font-style: normal;
text-decoration:none;
text-transform:none;
color:#faf5d2;
background-color:transparent;
display:inline-block;
text-align:center;
font-size:23px;
}
#clockdiv > div{
padding:4px;
margin-bottom:10px;
border-radius:0px;
border:3px solid #aa0000;
background:#aa0000;
display:inline-block;
margin:0px 1px 20px 1px;
}
#clockdiv div > span{
padding:5px;
border-radius:0px;
border:0px dotted #3a3b3a;
background-color:transparent;
display:inline-block;
color:#fff;
}
.smalltext{
padding-top:5px;
font-size:12px;
color:#fff;
}	
}