footer Footer text disappearing

Site URL: http://wearenativ.com

I've recently taken on a client (http://www.wearenativ.com) and I've noticed that when moving from desktop to a mobile device half of the footer text disappears. If reappears when I work on it, and I've been working through the custom CSS (from previous developers) but I haven't been able to find the culprit. 

It's probably something really simple that I'm missing but it's got me a little bit perplexed! Have attached images for reference.

Any help would be hugely appreciated.

Remove this CSS

    .Footer .Footer-blocks--middle .col:first-of-type {
        display: none
    }

    .Footer .Footer-blocks--middle .col:last-of-type {
        display: none
    }

Thanks so much Tuanphan but where are you seeing that CSS? It's not in the custom CSS box that I can see. 

Try adding to Home > Design > Custom CSS

@media only screen and (max-width:1024px) {
.Footer .Footer-blocks--middle .col:first-of-type {
        display: block;
    }

    .Footer .Footer-blocks--middle .col:last-of-type {
        display: block;
    }
}

Thanks - that worked perfectly. Really appreciate it.

Ah. Things are still looking a bit hinky on a tablet -

@media screen and (min-width:640px) {
  #footerBlocksMiddle .col.sqs-col-4.span-4 {
    width: 33%;
}
}

Thanks so much RWP!