
    @font-face{
    font-family: 'Arial';
    src:  url('fonts/context-menu-icons.ttf') format('woff2'),   b ,g,mdrx
    url('digital-7.woff') format('woff');
}
.clockdate-wrapper {
    background: #00a4e6;  /* fallback for old browsers */
 //   background: -webkit-linear-gradient(to right, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
   // background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding:7px;
    max-width:250px;
    max-height:100px;
    width:100%;
    text-align:center;
    border-radius:5px;
    margin:0 auto;
  
}
#clock1{
    font-family: Digital-7, 'sans-serif';
    font-size:20px;
    text-shadow:0px 0px 1px #fff;
    color:#fff;
}
#clock1 span {
    color: rgba(255, 255, 255, 0.8);
    text-shadow:0px 0px 1px #333;
    font-size:20px;
    position:relative;
    top:-5px;
    left:10px;
}
#date1 {
    letter-spacing:3px;
    font-size:14px;
    font-family:Digital-7, 'sans-serif';
    color:#fff;
}
