One fix would be to add a class to the first two widgets and use this CSS:
.your-class {
height: auto !important;
margin-top: 26% !important;
}
You'd need to remove the margin-top under the 980px media query since the layout changes. Also, when the layout changes at 980px, your third widget, needs a margin-bottom of 3% so the logo isn't stuck under the Follow/Share dock that appears at the bottom.