.tickerdatecell {
font-variant:normal;
text-transform:none;
font-weight:400;
font-size:18px;
line-height:20px;
color:#28235b;
margin-bottom:20px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:subpixel-antialiased;
}
body{
text-align:center;
font-family:sans-serif;
font-weight:100;
}
h1{
color:transparent;
font-weight:100;
font-size:40px;
margin:40px 0px 20px 0px;
}
#clockdiv{
font-family:sans-serif;
color:#fff;
display:inline-block;
font-weight:100;
text-align:center;
font-size:30px;
}
#clockdiv > div{
padding:10px;
margin-bottom:10px;
background: #84a558;
border:0px solid #84a558;
display:inline-block;
margin:0px 3px 20px 3px;
}
#clockdiv div > span{
padding:15px;
background:transparent;
display:inline-block;
}
.smalltext{
padding-top:5px;
font-size:16px;
}
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
@media (max-width: 495px) { 
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
h1{
color:#fff;
font-weight:100;
font-size:15px;
margin:20px 0px 10px 0px;
}
#clockdiv{
font-family: sans-serif;
color:#fff;
display:inline-block;
font-weight:100;
text-align:center;
font-size:23px;
}
#clockdiv > div{
padding:10px;
margin-bottom:10px;
background: #84a558;
border:0px solid #84a558;
display:inline-block;
margin:0px 1px 20px 1px;
}
#clockdiv div > span{
padding:7px;
background:#84a558;
display:inline-block;
}
.smalltext{
padding-top:5px;
font-size:12px;
}
}