html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -650px;
    /* Pad bottom by footer height */
    padding: 0 0 650px;
}

/* Set the fixed height of the footer here */
#footer {
    height: 650px;
    padding-top: 50px;
}

.footer-container {
    height: 600px;

}