função em div's

Bom dia Galera, tudo bem ?

To com um probleminha que não to conseguindo resolver sozinho.

Tipo , tenho uma div (#contato_home) , dentro dela , tem um botão que executa uma ação para ir para outra pagina. Como estou montando o site responsivo, gostaria que , quando ele chegasse em determinada resolução que estipulei (no caso 526px), esse link mudasse de ação.

ex: Resolução da tela : de 1600 px até 527 px , o link tem que executar esta ação :

<div id="contato_nome">

<a href="contato" class="botao01">Clique aqui e entre em contato conosco</a>

</div>

Quando chegasse na resolução de 526px , gostaria que o executasse essa ação :

<div id="contato_home">

<a href="tel:0800645769" class="botao01">Clique aqui e fale conosco agora</a>

</div>

Andei lendo uns fóruns , pensei em tentar fazer uma nova div ( contato_home_cel ) que ficasse oculta na pagina , ai quando chegasse na resolução de 526px , a div contato_home ficasse oculta e essa nova aparecesse no lugar dela.

Tem como fazer isso ? Dessa ou de outra forma ?

Desde ja , grato