/* ╭───────────────────────────────────────╮
/  │                      _                │
/  │  ___  ___ _ ____   _(_) ___ ___  ___  │
/  │ / __|/ _ \ '__\ \ / / |/ __/ _ \/ __| │
/  │ \__ \  __/ |   \ V /| | (_|  __/\__ \ │
/  │ |___/\___|_|    \_/ |_|\___\___||___/ │
/  ╰───────────────────────────────────────╯
/  services - styling for managing the services page */

#services.window {
    .flex-container {
        display: flex;
        flex-direction: row;
        
        section {
            flex: 1;
        }

        #public {
            padding: 0 .8rem 0 0;
        }

        #private {
            padding: 0 0 0 .8rem;
        }
    }
}

@media screen and (max-width: 59em) {
    #services.window {
        .flex-container {
            flex-direction: column !important;

            #public, #private {
                padding: unset !important;
            }
        }
    }
}