Make header smaller to reduce empty space

At the top where the social media buttons are located and where the title of the site goes, is there any way to make this smaller, so the height of the section is halfed? Not sure which part of the coding this covers? thanks in advance!

Try adding this to Theme Options – Other – Custom CSS

.hgroup-wrap {
	padding-top: 0px;
	padding-bottom: 15px;

Additionally you can reduce margin-top for social icons by adding something like this

.hgroup-right {
	float: right;
	margin-top: 20px;

Adjust these margins and padding to get the results you were looking for.