Delete white space under text

Hi all,

I would like to remove the white space under my text at the right bottom corner of the front-page (only!) so that the bottom of the white will be even with the bottom of the photo. Then under that I only want to have the footer, so nothing else. I would really appreciate your help!! Thank you.

My website is here, and my CSS is:

@media screen and (min-width: 1080px) {
.site:before {
width: 33.5%;
}
}

@media screen and (min-width: 1080px) {
.page-id-25 .site:before {
width: 71.2%;
}
}
#secondary {width: 422px; padding-left:0;}

body.home .entry-title {
display: none;
}

.page-id-25 #secondary {width: 897px;}
.page-id-25 #content {
width: 360px; float:right;
}

body.home .content-area, .content-sidebar {
padding-top: 0px;
}