Please replace footer-container with this one:
<div class="footer-container">
<a href="http://jellythemes.com/themes/sonoramawp/" target="_blank" class="social-ico s-facebook"></a>        <a href="http://jellythemes.com/themes/sonoramawp/" target="_blank" class="social-ico s-youtube"></a>        <a href="http://jellythemes.com/themes/sonoramawp/" target="_blank" class="social-ico s-plus"></a>        <a href="http://jellythemes.com/themes/sonoramawp/" target="_blank" class="social-ico s-twitter"></a>        <a href="http://jellythemes.com/themes/sonoramawp/" target="_blank" class="social-ico s-soundcloud"></a>
</div>

After please add this to sonorama.css:
.footer-container .social-ico {display: block;}
@media only screen and (max-width: 795px) { .footer-container {width: 300px;} .footer-container .social-ico {width: 140px; height: 140px; margin-left: 80px; margin-bottom: 80px; float: none;} .footer-container .social-ico.s-facebook {background-position: -5px -5px;} .footer-container .social-ico.s-youtube {background-position: -255px -5px;} .footer-container .social-ico.s-plus {background-position: -252px -131px;} .footer-container .social-ico.s-twitter {background-position: -125px -5px;} .footer-container .social-ico.s-soundcloud {background-position: -5px -135px;} .footer-container .social-ico:nth-child(3), .footer-container .social-ico:nth-child(4),.footer-container .social-ico:nth-child(5) {margin-left: 80px;margin-top: 80px;} }