.progress-hold {
	width: 98.9%;
	position: absolute;
	top: 0;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
.player {
	position: absolute;
	top: 38px; /* top: 110px; */
	-webkit-transform: rotateX(-30deg) rotateY(0deg);
	transform: rotateX(-30deg) rotateY(0deg);
	width: 100%;
}
.player, .player h2, .player spam {
	font-family: 'ottawa';
}
.player h2 {
}
.player h2 i {
	position: relative;
	top: 15px;
}
.player_esq {
	text-align: right;
}
.tempo_atual {
	font-size: 30px;
	text-align: left;
}
.tempo_total {
	font-size: 60px;
	text-align: left;
	padding-right: 10px;
}
.player_mid {
	text-align: center;
	margin-top: 10px;
}
.player_dir {
	text-align: left;
	padding-top: 15px;
}
.player_dir spam {
	font-size: 16.6px;
	text-transform: uppercase;
}
.player a {
	color: rgba(40, 40, 40, 1);
	text-decoration: none;
}
.player a:hover, .player a:focus {
	color: rgba(232, 15, 15, 0.9) !important;
	text-decoration: underline;
}
.player a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

@media (max-width:1024px) {
.progress-hold {
	position: relative !important;
}
.player_esq {
	display: none;
}
.col-md-1 {
	width: 40%;
	text-align: right;
	float: left;
}
.col-md-5 {
	width: 60%;
	text-align: left;
	float: right;
}
}

@media (max-width: 700px) {
.col-md-1 {
	width: 30%;
}
.col-md-5 {
	width: 70%;
}
}

@media (max-width: 550px) {
.col-md-1 {
	width: 25%;
}
.col-md-5 {
	width: 75%;
}
}

@media (max-width: 500px) {
.col-md-1 {
	width: 20%;
}
.col-md-5 {
	width: 80%;
}
.col-md-5 i {
	display: none;
}
.player h2 {
	font-size: 23.5px;
}
.player spam {
	font-size: 13px;
}
}

@media (max-width: 320px) {
.progress-factor {
	padding: .7em 0 .2em;
}
.player h2 {
	font-size: 20px;
}
.player spam {
	font-size: 12px;
}
.col-md-1 i {
	font-size: 54px;
}
}