@media only screen and (max-width: 1200px) {
    .recent-activity h3 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 1200px) {
    .tick {
        display: flex;
        flex-direction: column;
        padding: 0.5em 0.5em;
    }
    .tick h4:nth-child(2) {
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 800px) {
    .counter h3 {
        font-size: 2.5em;
    }
    .counter p {
        font-size: 1em;
    }

    .recent-activity {
        width: 55vw;
        left: 0;
        transform: translate(41%,-50%);
    }

    .col-4 p {
        padding: 4em 1em;
    }
}