@import url('https://fonts.googleapis.com/css?family=Lora:400,700i');

.circular-progress-bar {
    position: relative;
    margin: 0 auto;
}

.progress-percentage, .progress-text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    text-align: center;
    padding: 0px 60px;
}

.progress-percentage {
	font-size: 60px;
    transform: translate(-50%, -85%);
}

.progress-text {
    transform: translate(-50%, 0%);
    color: #585858;
    font-size: 21px;
}


.circular-progress-bar-days {
    position: relative;
    margin: 0 auto;
}

.progress-percentage-days, .progress-text-days {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    text-align: center;
    padding: 0px 60px;
}

.progress-percentage-days {
    font-size: 60px;
    transform: translate(-50%, -85%);
}

.progress-text-days {
    transform: translate(-50%, 0%);
    color: #585858;
    font-size: 21px;
}