/* Layout */

.container {
    height: 100vh;
    /* Full viewport height */
    width: 80vw;
    /* 80% of the viewport width */
    margin: 0 auto;
    /* Center the container horizontally */
}

/* Lager screen (e.g., tablets or desktops) */
@media (min-width: 768px) {
    .container {
        width: 60vw;
        /* 60% of the viewport width */
    }
}