body {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

header, footer {
    flex: 0 0 auto;
}

body > section {
    flex: 1 0 auto;
}


.custom-section{
    margin: 5vh 0;
}

.custom-container{
    max-width: 980px;
    margin: 0 auto;
    
}


@media only screen and (max-width: 1024px) {
    .custom-container{
        max-width: 80vw;
    }
}