div.zegar {
width:100%;
height:0;
padding: 0 0 100% 0;
position:relative;	
}

div.zegar > canvas {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;		
}

div.zegar > div {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;	
}

div.zegar > div > div {
display:table;	
width:100%;
height:100%;
}

div.zegar > div > div > div {
display:table-cell;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;	
}

div.zegar > div > div > div > div:nth-child(1) {
font-size:30px;
padding: 0 0 30px 0;	
}

div.zegar > div > div > div > div:nth-child(1) span {
font-size:60px;	
}

div.zegar > div > div > div span {
color:#9d032a;
font-size:30px;	
}