.clock {
	position:absolute;
    width:58%;
	top:25px;
	left:0;
	text-align:center;
    color: #fff;
}

#Date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin:0 0 3% 0;
    text-shadow: 0 0 5px #00c6ff;
}

div.clock ul {
    width: 100%;
    margin: 0;
    padding: 0px;
    list-style: none;
}

div.clock ul li {
    display: inline;
		width:100%;
    font-size: 1em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 0 5px #00c6ff;
}

#point {
    position: relative;
    -moz-animation: mymove 1s ease infinite;
    -webkit-animation: mymove 1s ease infinite;
    padding-left: 2px;
    padding-right: 2px;
    margin:0;
}

/* Simple Animation */
@-webkit-keyframes mymove {
    0% {opacity: 1.0;
    text-shadow: 0 0 20px #00c6ff;
}

50% {
    opacity: 0;
    text-shadow: none;
}

100% {
    opacity: 1.0;
    text-shadow: 0 0 20px #00c6ff;
}	
}

@-moz-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }

    50% {
        opacity: 0;
        text-shadow: none;
    }

    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    };
}

@media screen and (max-width: 1024px) {
	
	div.clock {
    width: 40%;
    top:5px;
    font-size: 13px;    
  }
}

@media screen and (max-width: 500px) {
	
	#Date {
	text-align:center;
    font-size: 13px;
  }
  
	div.clock ul li {
		width:100%;
	}
#point {
    padding-left: 1px;
    padding-right: 1px;
    margin:0;
}
}