html {
            font-family: 'Ubuntu', Arial, sans-serif;
        }
        div.clock {
           color:#aaa!important;
            width: 100px;
            text-align: center;
           // border:1px solid #ccc;
            margin: -80px auto;
        }

            div.clock a {
           color:#aaa!important;
        font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }

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

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

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

                div.clock div.time span {
                    border-radius: 5px;
                    padding: 1px 4px 3px 4px;
                    color: #000;
                    
                }

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 0px;
                   
           color:#aaa!important;
                }

                .contentclock h1{

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

                }

                .contentclock p{

                    font-size: 16px;
                    text-align: center;

                }
        @media (max-width: 320px) {
        div.clock {
           color:#aaa!important;
            width: 100px;
            text-align: center;
           // border:1px solid #ccc;
            margin-top: -50% ;
            margin-left: 45%;
        }

            div.clock a {
           color:#aaa!important;
        font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }

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

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

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

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

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 0px;
                   
           color:#aaa!important;
                }

                .contentclock h1{

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

                }

                .contentclock p{

                    font-size: 16px;
                    text-align: center;

                }
        }
        
        
         @media (max-width: 480px) {
        div.clock {
           color:#aaa!important;
            width: 110px;
            text-align: center;
           // border:1px solid #ccc;
            margin-top: -50% ;
            margin-left: 120%;
        }

            div.clock a {
           color:#aaa!important;
        font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }

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

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

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

                div.clock div.time span {
                    border-radius: 5px;
                    padding: 1px 4px 3px 4px;
           color:#aaa!important;
                    
                }

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 0px;
                   
           color:#aaa!important;
                }

                .contentclock h1{

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

                }

                .contentclock p{

                    font-size: 16px;
                    text-align: center;

                }
        }
        
        
         @media (max-width: 640px) {
        div.clock {
           color:#aaa!important;
            width: 110px;
            text-align: center;
           // border:1px solid #ccc;
            margin-top: -10% ;
            margin-left: 190%;
        }

            div.clock a {
           color:#aaa!important;
        font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }

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

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

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

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

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 0px;
                   
        color:#d6d6d7!important;
                }

                .contentclock h1{

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

                }

                .contentclock p{

                    font-size: 16px;
                    text-align: center;

                }
        }
        
        
         @media (max-width: 768px) {
        div.clock {
           color:#aaa!important;
            width: 100px;
            text-align: center;
           // border:1px solid #ccc;
              margin-top: -700%;   
        }

            div.clock a {
           color:#aaa!important;
        font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }

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

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

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

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

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 0px;
                   
           color:#aaa!important;
                }

                .contentclock h1{

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

                }

                .contentclock p{

                    font-size: 16px;
                    text-align: center;

                }
        }