#here {font-weight:700;}
#here .cdred {padding-bottom: 12%; padding-top: 12%; width: 70%; margin-left:15%;}
#thecount {margin-bottom:3rem;background-color:#e3e2e9;width:100%;text-align:center;border-radius: 8px;}
#thecount .count-heading{
    margin-top: 2rem; 
    font-size:2vw;
    margin-bottom: 2rem;
}
.cdred {
    color:red;
    background-color:white;
    font-size:50px;
    font-weight:900;
    border-radius: 8px;
    width: 100%;
    padding-bottom: 35%;
    padding-top: 43%;
    font-size: 8vw;
    margin-bottom:10px;
}
@media (min-width:1920px){
    #thecount .count-heading{
        font-size: 2em;
    }
    .cdred{
        font-size: 4rem !important;
    }
}

@media (min-width: 1040px){
    #days {width:30%;margin-left:12%;}
    #hours {width:30%;}
    #minutes {width:30%;}
}

@media (max-width: 1040px){
    #days {width:30%;margin-left:12%;}
    #hours {width:30%;}
    #minutes {width:30%;}
}

@media (min-width: 992px){
    .cdred{
        font-size:4vw;
    }
}

@media (max-width: 991px){
    .days {margin-left:0;}
    .cdred{
        font-size:8vw;
    }
    #days {width:30%;margin-left:5%;}
    #hours {width:30%;}
    #minutes {width:30%;}
    #thecount .count-heading{
        font-size: 5vw;
    }
}

@media (max-width: 600px){
    .days {margin-left:0;}
    #days {width:30%;margin-left:5%;}
    #hours {width:30%;}
    #minutes {width:30%;}
}

@media (max-width: 400px){
    .days {margin-left:0;}
    #days {width:30%;margin-left:5%;}
    #hours {width:30%;}
    #minutes {width:30%;}
}

@media (max-width: 350px){
    .days {margin-left:0; font-size: .5em !important;}
    .countdown {font-size: .6em !important;} 
    #days {width:30%;margin-left:5%;}
    #hours {width:30%;}
    #minutes {width:30%;}
}

@media (max-width: 241px){
    .countdown {font-size: .5em !important;} 
    .days {font-size: .5em !important;} 
}