Logo not responsive – rhs cut off

For anyone else that has this problem…

In iPad section I changed the size of the title area and widget area after I separated them from the sidebar and content width, respectively. Still haven’t figured out the iphone logo rhs cut off – think the logo needs some sort of re-size code for small screens, but that’s beyond my current abilities.

ipad change looks like this (for 100h x 360w logo)…

.content {
width: 620px;
}

.site-header .widget-area {
width: 560px;
}

.sidebar-primary {
width: 300px;
}

.title-area {
width: 360px;
}