body{
text-align:center;
font-family:sans-serif;
font-weight:100;
}
h1{
color:#d29a23;
font-weight:100;
font-size:40px;
margin:40px 0px 20px 0px;
}
#clockdiv{
font-family:sans-serif;
color:#d29a23;
display:inline-block;
font-weight:100;
text-align:center;
font-size:30px;
}
#clockdiv > div{
padding:15px;
margin-bottom:10px;
border-radius:0px;
background:rgba(0,0,0,.20);
display:inline-block;
margin:0px 3px 20px 3px;
}
#clockdiv div > span{
padding:5px;
/* border-radius:3px; */
/* background:#d29a23; */
display:inline-block;
}
.smalltext{
color:rgba(255,255,255,.40);
padding-top:5px;
font-size:12px;
}
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
@media (max-width: 495px) { 
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
h1{
color:#d29a23;
font-weight:100;
font-size:15px;
margin:20px 0px 10px 0px;
}
#clockdiv{
font-family: sans-serif;
color:#d29a23;
display:inline-block;
font-weight:100;
text-align:center;
font-size:30px;
}
#clockdiv > div{
padding:10px;
margin-bottom:10px;
border-radius:0px;
background:rgba(0,0,0,.20);
display:inline-block;
margin:0px 1px 20px 1px;
}
#clockdiv div > span{
padding:5px;
display:inline-block;
}
.smalltext{
color:rgba(255,255,255,.40);
padding-top:5px;
font-size:12px;
}
}