Need help with a widget not resizing.

I'm trying to ge this sign up box to work correctly in my responsive theme. I'm new to learning code / css so I'm sure I made some simple css errors. You'll see it works correctly at one size, but as I resize (make it smaller) the graphic and entry form doesn't resize correctly. The graphic I'm talking about is the first one of the sidebar that says "Hi, I"m Noah, let's be friends.'

I'm using a child theme and here's a copy and paste of it. By the way if you see any other issues with me css feel free to let me know. Thanks so much.

-------

/*
Theme Name: Standard Child Theme Kit
Theme URI: https://github.com/eightbit/standard-child-theme-kit
Version: Preview 3
Description: This is a "getting started" child theme kit for Standard.
Author: 8BIT
Author URI: http://8bit.io
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: standard
*/

/* ------------------------------------------------------------------------ Import Standard Styles */

@import url( '../standard/style.css' );

/* ------------------------------------------------------------------------ Customizations */

#facebook-likebox-4 iframe {
height: 158px !important;
border-bottom: 1px solid #AAA !important;
}?

#head-wrapper #hgroup { height: 100; padding-bottom: 0; padding-top: 0; }

#topcomm-widget-4 {
background-color: #fff;
}

.topcomm ol li {
line-height: 12px;
}

#comments {
background: transparent;
}
#respond {
background: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.comment-container #respond {
background: transparent;
padding: 20px !important;
border-top: 1px solid #191818;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

#comments > h3 {
color: #999;
padding: 0;
}

#comments .comment-container .avatar-holder {
width: 10%;
min-width: 60px;
background: #191818;
}

#comments .comment-container .avatar-holder img.avatar {
padding: 0;
border: none;
width: 100%;
height: auto;
}

#comments .comment-container {
border: none;
padding: 0;
background: #fff;
margin-bottom: 10px;
}

#comments .comment-entry {
background: #fff;
padding: 20px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

#comments > ol > li > ul.children > li .comment-container {
border: none;
}

#comments .bypostauthor > .comment-container {
border: none;
background: #f0f0f0;
}

#comments .bypostauthor > .comment-container .comment-entry {
background: #f0f0f0;
border-left: 4px solid #06D0D2;
}

#comments .reply a {
display: block;
padding: 6px 8px 6px 18px;
float: left;
background: url(images/icn_arrow.png) -20px 45% no-repeat;
}

#comments .reply a:hover {
background-position: 0 45%;
color: #ff3f4b;
text-decoration: underline;
}

.pager {
background: #454545;
margin-top: 50px;
}

.pager li a {
font-weight: bold;
text-transform: uppercase;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 20px 30px;
}

.pager li a:hover {
background: #ff3f4b;
}

.widget .signupForm {
/* Box always has colour, pic always on right */
width: 100%;
position: relative;
background-color: #5fd6f2;
background-image: url(http://noahsdad.com/wp-content//2012/08/noahs-dad-blog-sign-up.jpg);
background-position: right bottom;
background-repeat: no-repeat;

/* height ensures full pic is shown */
height: 200px;

/* allow us to position contents */
position: relative;
}

/* Absolutely position the form within the widget */
.widget .signupForm form {
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}

.widget .signupForm form input {
display: block;
}

p { font-size: 16px; line-height: 24px}

/* ------------------------------------------------------------------------ Media Queries */

/* Smartphones */
@media (max-width: 480px) {
}

/* Tablet and Mobile */
@media (max-width: 979px) {
.widget .signupForm {
background-image: url(http://noahsdad.com/wp-content//2012/08/noahs-dad-form-2.jpg);
height: 260px;
}

.widget .signupForm form {
top: 10px;
}

}

/* Mobile to Tablet */
@media only screen and (max-width: 767px) {
.widget .signupForm {
height: 160px;
}
}

/* Landscape Tablets */
@media (min-width: 768px) and (max-width: 979px) {
.widget .signupForm {
height: 160px;
}
}

/* Desktop */
@media (min-width: 980px) {

.widget .signupForm {
height: 200px;
}

.widget signupForm form {
}
}