Use absolute positioning on the logo container to position it where ever you want it to be. Change the top, bottom, left, right
parameter to set the offset of the logo container with respect to its parent container.
Try making the below changes and see how absolute positing helps to position the element.
.site-header .wrap{
position:relative;
}
.site-header .title-area{
position:absolute;
bottom:-35px;
}
//Remove the below styling
.header-image .shrink .site-title > a {
min-height: 60px;
}