/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
	position: absolute;
	left: 0;
	top: -51.5%;
	scale: 0.3;
	margin-top: 4%;
}


/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
}

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin: min(3vw,57px);
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial;
}

/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', Arial;
    font-size: 300%;
    margin-top: 0.4em;
    font-weight: bold;
}
/* Style nowa presta */
.container-fluid.tvo_time_circles {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid.tvo_time_circles span {
	margin-top: 0px !important; 
	line-height: 15px !important;
}

.container-fluid.tvo_time_circles h4 {
	font-size: min(3vw,47px) !important;
	line-height: 14px !important;
	font-weight: 600 !important;
}

.countdown {
	display: flex;
	transform: scale(0.5);
}

.time {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 15px;
}

.time h2 {
	font-weight: bold;
	font-size: 36px;
	line-height: 1;
	margin: 0 0 5px;
}

@media (max-width: 500px) {
	h1 {
		font-size: 45px;
	}
	.time {
		margin: 5px;
	}
	.time h2 {
		font-size: 12px;
	}
	.time small {
		font-size: 10px;
	}
}

@media only screen and (max-width: 991px) {
	.col-xs-12 .container-fluid {
		background-color: white !important;
	}
}
@media only screen and (max-width: 1700px) {
	.time_circles {
		top: -49.5%;
	}
	.container-fluid.tvo_time_circles h4{
		font-size: min(3vw,42px)!important
	}
}
@media only screen and (max-width: 1500px) {
	.time_circles {
		top: -47.5%;
	}
	.container-fluid.tvo_time_circles h4{
		font-size: min(3vw,37px)!important
	}
}
@media only screen and (max-width: 1300px) {
	.time_circles {
		top: -45.5%;
	}
}
@media only screen and (max-width: 1100px) {
	.time_circles {
		top: -41.5%;
	}
}
@media only screen and (max-width: 1000px) {
	.time_circles {
		top: 14.5%;
		scale: 0.6;
		left: -3%;
	}
	.container-fluid.tvo_time_circles h4{
		font-size: 11px;
	}
	.time_circles > div > h4{
		margin: 10%;
	}
}
@media only screen and (max-width: 700px) {
	.time_circles {
		left: -2%;
	}
	.time_circles > div > h4{
		margin: 7%;
	}
}
@media only screen and (max-width: 500px) {
	.time_circles > div > h4{
		margin: 0;
	}
}