.counter {
    display:none;
    color: #000 !important;
    font-family: 'Nimbus Semi Bold' !important; 
    min-height:252px;
    padding-top: 50px;
}

.counter > div {
    display:inline-block;
}
.counter span {
    font-size:20px;
    font-family: arial;
  
}

.counter .days, .counter .hours, .counter .minutes, .counter .seconds {
    display:block;
    font-family: Roboto, sans-serif;
    font-weight:bold;
}

.counter .days:after, .counter .hours:after, .counter .minutes:after {
    content: ":";
    display:block;
    float:right;
    font-family: Roboto, sans-serif;
    font-weight:bold;
    position: absolute;
    top:0;
    right: 0;
    transform: translateX(50%);
}
.counter > div >  * {
    font-size: max(50px, 6vw);
}
.counter .counter-label {
    /*font-size: min(max(24px, 3vw),60px)*/
    font-size: 24px

}
@media only screen and (min-width: 550px) {    
    .counter > div{
        width: 100px;
    }
    .counter > div > span {
        position:relative;
    }
}
@media only screen and (min-width: 800px) {    
    .counter > div{
        width: 150px;
    }
}
@media only screen and (min-width: 1200px) {    
    .counter > div{
        width: 235px;
    }
}
@media only screen and (max-width: 550px) {    
    .counter {
        padding: 30px 0 30px 0; 
    }
    .counter > div{
        display:block;
        margin-top: 2px;
        
    }
    .counter .days:after, .counter .hours:after, .counter .minutes:after {
        content:"";
    }
}
@media only screen and (min-width: 2000px) {    
    .counter .days, .counter .hours, .counter .minutes, .counter .seconds, .counter .days:after, .counter .hours:after, .counter .minutes:after  {
        font-size:115px;
    }
}