I added this css
.title-area {
width: 300px;
}
.front-page .site-header {
padding: 10px 0;
}
.site-container .site-header.light {
padding: 10px 0 0;
}
.header-image .light .site-title > a {
height: 60px;
}
p.site-title {
margin-bottom: 0;
}<!--formatted-->
The .title-area entry works great until you resize the browser window.