/* This is a compiled file, you should be editing the file in the templates directory */
.pace .pace-progress {
  background: #29d;
  height: 7px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace-active{
	width:50%;
	margin:40% auto 0px;
}
.pace-active img{
	padding-left: 20%;
	width:130px;
	margin:0 auto;
}
.pace-active .pace-progress{
	margin-top:20px;
}
.pace-inactive{
	display:none;
}
@media screen and (min-width: 360px) { 
	.pace-active{
		margin:55% auto 0px;
	}
}
@media screen and (min-width: 400px) { 
	.pace-active{
		margin:55% auto 0px;
	}
}
@media screen and (min-width: 800px) { 
	.pace-active{
		width:15%;
		margin:25% auto 0px;
	}
}
@media screen and (min-width: 1600px) { 
	.pace-active{
		width:15%;
		margin:15% auto 0px;
	}
	.pace .pace-progress {
		height:15px;
	}
	.pace-active img{
		width:200px;
		margin:0 auto;
	}
}