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

main {
    flex: 1;
}

.container {
    max-width: 1050px;
    width: 90%;
    margin: auto;
}

/* ============================================================
   DESKTOP (min-width: 780px)
   ============================================================ */

@media screen and (min-width: 780px) {
        main {
        position: relative;
        margin-top: 25vw;
        margin-left: 3vw;
        margin-right: 3vw;
    }
}

/* ============================================================
   MOBILE (max-width: 780px)
   ============================================================ */

@media screen and (max-width: 780px) {
}