/*!
 * Start Bootstrap - Agency v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */
 
 
.clock-atas {

	font-family: 'digital-7';

}

.clock-center {

	width:480px;

	margin:0 auto;

	padding-top:20px;

}



.clock-atas {

	font-size:25px;
	weight: bold;
	color:#F148A9;

}



.clock-bawah {

		font-size:6px;

	}



@media (max-width: 320px) {

	.clock-atas {

		font-size:1px;

	}

	

	.clock-bawah {

		font-size:6px;

	}

}



@media (min-width: 1200px) { /* =================================== */



	.clock-each {

		padding: 0px 25px;

	}



}



@media (min-width: 992px) { /* =================================== */



	.clock-each {

		padding: 0px 20px;

	}



}



@media (min-width: 768px) { /* =================================== */



	.clock-each {

		padding: 0px 15x;

	}



}



@media (max-width: 767px) { /* =================================== */



	.clock-each {

		padding: 0px 5x;

	}



}



.clock-bg {

	background:	#fff;

	color:#ff9dd8;

	padding:5px;

	border:0px solid #e9ea0a;
	
	border-radius: 15px;
	
	box-shadow: 4px 4px 4px rgb(236, 75, 166);

	

}



.clock-date {

	color:#d84687;

	font-size:19px;

	text-shadow: 1px 1px 2px white;

	margin-bottom:5px;

	margin-top:5px;

}



 .jam{
    margin: 0 auto;
    width: 93%;
    padding: 0 300px;
	}
	

@media screen and (max-width : 480px){
	.jam{
    margin: 0 auto;
    width: 93%;	
	padding: 0 0px;
	}
	.clock-atas {
	font-size:18px;
	weight: bold;
	color:#F148A9;
	}
}


@media screen and (max-width : 1200px){
	.jam{
    margin: 0 auto;
    width: 95%;	
	padding: 0 200px;
	}
	.clock-atas {
	font-size:22px;
	weight: bold;
	color:#F148A9;
	}
}

@media screen and (max-width : 992px){
	.jam{
    margin: 0 auto;
    width: 95%;	
	padding: 0 100px;
	}
}

@media screen and (max-width : 768px){
	.jam{
    margin: 0 auto;
    width: 100%;	
	padding: 0 6px;
	}
	
}