Glad you got it working!
Those two @media calls are different, so I wouldn’t put them together.
@media alone isn’t necessary – you can remove it.
@media (max-width:768px) targets mobile phones.
@media (min-width: 769px) targets larger screens.
As the icons on my homepage, I’m using Font Awesome, which is built into the theme: http://fortawesome.github.io/Font-Awesome/