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