Changing Header Height

Hello…can anyone assist me with changing my header height? I have created a child theme, where the height works ok if the header is 230-240px, but when I try and change it to 180px it there is a huge gap between my header image and nav bar. The blog site is http://www.toriberry.com/blog.

Not sure if this is helpful but these are the codes I have updated on my child theme that pertain too header and content.

Any help would be appreciated.Thanks!

.site {
background-image: url(http://www.toriberry.com/wp-content/uploads/2015/07/content_background.jpg);
background-repeat: repeat;
margin: 0 auto;
width: 1050px;
margin-top: 10px;
}
.site-header .home-link {
color: #141412;
display: block;
margin: 0 auto;
width: 1050px;
max-height: 180px;
text-decoration: none;
background-image: url(http://www.toriberry.com/wp-content/uploads/2015/07/wp_sub_header.jpg);
background-repeat: no-repeat;
border-top-width: medium;
border-right-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #632142;
border-right-color: #632142;
border-left-color: #632142;
}
.site-header .search-field:focus {
cursor: text;
outline: 0;
width: 180px;
}

.comment-respond {
background-image: url(http://www.toriberry.com/wp-content/uploads/2015/07/content_background.jpg);
background-repeat: repeat;
padding: 30px 0;
}