.countup{
    width: 100%;
    height: 966px;
    margin: 20px auto;
    padding: 20px;

    border: 2px solid darkblue;
    transition: box-shadow .5s ease-in ;

    background-image: url("./../images/countup/bg-countup.jpg");

    display: flex;
    flex-direction: column;

    overflow-y: scroll;
}

.countup:hover{
    box-shadow: 10px 10px 10px #000;
}

.countup-header-1{
    color: #000;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
}

.countup-header-2{
    color: #000;
    font-size: 20px;
    text-align: center;
}



.countup__main-img{

    border: thick double yellow;
    margin-top: 45px;

}

.countup__counters-container{
    /*height: 600px;*/

    display: flex;
    /*justify-content: space-between;*/
}

.countup__counters-wrapper{
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.countup__counters-block{
    display: flex;
    flex-direction: column;
    font-size: 15px;
    width: 70%;
    margin: 10px;
}



.countup__counters-wrapper .counter{
    font-size: 30px;
    color: #000;
}



.countup__x{
    color: #000;
}

.fa-calendar-days{
    color: #000;
}

.countup__counters-block-bottom-data{
    border-top: 1px solid #000;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}

@media (max-width: 1070px) {
    .countup__main-img{
        height: 400px;
    }
    .countup-header-1{
        font-size: 20px;
    }
    .countup-header-2{
        font-size: 18px;
    }
}

@media (max-width: 850px) {
    .countup__main-img{
        height: 300px;
    }

    .countup-header-1{
        font-size: 18px;
    }
    .countup-header-2{
        font-size: 15px;
    }
}
@media (max-width: 760px) {
    .countup__main-img{
        display: none;
    }

    .countup__counters-block{
        margin: 10px auto;
    }
}