.main-container {
    position: relative;
    min-height: calc(100vh - 40px); /*60px for header element padding*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: calc(100vw - 20px);
    text-align: center;
    padding: 10px;
}