@import url('https://fonts.googleapis.com/css?family=Montserrat');

.jCountDown{
	font-family: 'Montserrat', sans-serif;
	max-width : 800px;
	margin : auto;
	overflow : hidden;
	width : 100%;
	font-size : 35px !important;
}

.jCountDown.withoutDays .hour, .jCountDown.withoutDays .min, .jCountDown.withoutDays .sec{
	width : 33.33%;
	float : left;
	padding-top : 33.33%;
	box-sizing : border-box;
	position : relative;
}

.jCountDown .timeDigits{
	font-size : 1em;
	color : #fff;
	position : absolute;
	width : 100%;
	text-align : center;
	left : 0;
	top : 50%;
	line-height : 0;
}

.jCountDown .timeCaption{
	font-size : .2em;
	color : #fff;
	position : absolute;
	width : 100%;
	text-align : center;
	left : 0;
	top : 50%;
	line-height : 0;
	margin-top : 23%;
}

.jCountDown.withDays .timeCaption{
	margin-top : 30% !important;
}


.jCountDown canvas{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0;
	top : 0;
	box-sizing : border-box;
	padding : 10%;
}

.jCountDown svg{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0;
	top : 0;
}


.jCountDown.withDays .day, .jCountDown.withDays .hour, .jCountDown.withDays .min, .jCountDown.withDays .sec{
	width : 25%;
	float : left;
	padding-top : 25%;
	box-sizing : border-box;
	position : relative;
}

.jCountDown.style5 canvas{
	padding : 15%;
}

@media only screen and (max-width: 800px) {
    .jCountDown {
		font-size : 40px;
    }
}
@media only screen and (max-width: 500px) {
    .jCountDown {
		font-size : 30px;
    }
}