/* Make the content container take the full height of the viewport minus the header and footer */
.full-height-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main content should grow and take available space */
.main-content-payment {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}