html {
            font-family: 'Ubuntu', Arial, sans-serif;
        }
        
        div.clock {
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }
        
           div.clock {
                color: #fff;
                font-size: 10px;
                font-weight: bold;
                text-decoration: none;
                padding-top:10px;
                padding-left:20px;
            }

/*             div.clock a { */
/*                 color: #fff; */
/*                 font-size: 18px; */
/*                 font-weight: bold; */
/*                 text-decoration: none; */
/*             } */

/*                 div.clock a:hover { */
/*                     text-decoration: underline; */
/*                 } */

            div.clock div.date {
                color: #fff;
                font-size: 1.5em;
                margin: 0px 0;
            }

            div.clock div.time {
                font-size: 3em;
                font-weight: 200;
            }

                div.clock div.time span {
                    padding: 1px 4px 3px 4px;
                    color: #fff;
                    
                }

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 5px;
                    color: #fff;
                }

/*                 .contentclock h1{ */

/*                     font-size: 20px; */
/*                     text-align: center; */

/*                 } */

/*                 .contentclock p{ */

/*                     font-size: 16px; */
/*                     text-align: center; */
/*                 } */