html {
    position: relative;
    min-height: 100%;
}

#homepage-container {
    margin: 0 0 250px;
}
#main-footer {
    color: #01B8F1;
    padding:15px;
    position: absolute;
    bottom:0;
    width:100%;
    height: 250px;   /* Height of the footer */
    background-color:#00364A;
}

@media (max-width: 1050px) {
    #homepage-container {
        margin: 0 0 505px;
    }
    #main-footer {
        color: #01B8F1;
        padding:15px;
        position: absolute;
        bottom:0;
        width:100%;
        height:505px;   /* Height of the footer */
        background-color:#00364A;
    }
}