body{
	font:15px/1.3 Arial, sans-serif;
	color: #4f4f4f;
	z-index:1;
	background-color:#272e38;
	color:#cacaca;
}

.heading{
    text-align:center;
    font-size: 4em;
    margin-top: 30px;
}

#clock{
	width:370px;
	padding:40px;
	margin:100px auto 60px;
	position:relative;
	box-shadow: 10px 10px 50px #808080;
}

#clock .display{
	text-align:center;
	padding: 40px 20px 20px;
	border-radius:6px;
	position:relative;
	height: 54px;
	background-color:#272e38;
	color:#cacaca;
}

#clock .digits div span{
	background-color:#cacaca;
	border-color:#cacaca;
}

#clock .display{
	background-color:#0f1620;
	box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #2d3642;
}


.time {
    font-size: 3em;
}

#time{
    font-size: 0.6em;
}
.blink{
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
	25%{ opacity: 0; }
}


#clock .weekdays{
	font-size:12px;
	position:absolute;
	width:100%;
	top:10px;
	left:0;
	text-align:center;
}


#clock .weekdays span{
	opacity:0.5;
    padding:0 10px;
    color:#444;
}

footer{

	width: 400px;
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 15px 35px;
	position: fixed;
	bottom: 0;
	left: 50%;
    margin-left: -230px;
    margin-bottom: 20px;
    text-align: center;
	background-color:#1f1f1f;
	border-radius:2px 2px 0 0;

	box-shadow: 0 -1px 4px rgba(0,0,0,0.4);
	z-index:1;
}
@media only screen and (max-device-width:500px)
{
    .heading{
        font-size: 8em;
        margin-top: 60px;
    }
    #clock{
        width:740px;
        padding:80px;
        margin:200px auto 120px;
        margin-top:400px;
    }
    
    #clock .display{
        padding: 80px 40px 40px;
        border-radius:12px;
        height: 108px;
    }
    .time {
        font-size: 6em;
    }
    
    #time{
        font-size: 0.6em;
    }
    #clock .weekdays{
        font-size:24px;
        width:100%;
        top:20px;
    }
    
    #clock .weekdays span{
        padding:0 20px;
    }
    
footer{

	width: 800px;
	font-size: 32px ;
	padding: 30px 70px;
    margin-left: -460px;
    margin-bottom: 40px;
    text-align: center;
	background-color:#1f1f1f;
	border-radius:4px 4px 0 0;

	box-shadow: 0 -2px 8px rgba(0,0,0,0.4);
	z-index:1;
}
    
}