Fix Social Media Not Centring On Small Screens

Fix Social Media in Contact section not being centred when on smaller
screens because the responsive grid was using the wrong number it
should be 4 and not 3.
Add Hover Effect For Social Media Icons

Add in a hover effect for social media icons in order to tell if the
user’s mouse has over the icon and if it has been clicked
Fix Email Font Size On Small Screens

Fix email, in contact section, font size when on smaller screens
because the email would go off the screen.
Fix Styling For Title In About Section

Fix the styling for the title in About section because it was too close
to the body of text and should be further back. Also, add in a section
tag for recommendations as it is a sub section of about us this is for
proper HTML5 layout.