.counter {
    display:none;
    color: #cc0000 !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 {
    font-size:100px;
    font-size:6vw;
    display:block;
    font-family: roboto, sans-serif;
    font-weight:bold;
}

.counter .days:after, .counter .hours:after, .counter .minutes:after {
    font-size:100px;
    font-size:6vw;
    content: ":";
    display:block;
    float:right;
    font-family: roboto, sans-serif;
    font-weight:bold;
}
@media only screen and (min-width: 550px) {    
    .counter > div{
        width: 100px;
    }
}
@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;
    }
}