main section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/*main > div.green { background-color: var(--green); }*/

main > div.orange { background-color: #f7ab31; }

/* Mobile */
@media (max-width: 800px) {
    header section,
    footer section { padding: 0 10px; }

    main section {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Tablet */
@media (min-width: 799.9px) and (max-width: 1120px) {
    header section,
    footer section { padding: 0 20px; }

    main section {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Desktop */
@media (min-width: 1119.9px) {
    section {
        max-width: 1400px;
        margin: 0 auto;
    }

    header section,
    footer section { padding: 0 40px; }

    main section {
        padding-left: 40px;
        padding-right: 40px;
    }
}