/* Makes a box with a list of services */
#services {
    width: 60%;
    margin: 1em auto;

    border: 2px solid black;
    border-radius: 1em;

    /* Fallback for older browsers */
    /* background-color: rgb(234, 234, 234); */

    background: linear-gradient(to bottom, #ffffff, #9e9e9e);
}

#services h1 {
    text-align: center;

    margin: 2.5% 5% 1em;
}

#services ul {
    display: block;
    width: 90%;
    margin: 0 auto 2.5%;
    
    /* Cool star */
    list-style-type: "\2726";

    columns: 2;
}

#services li {
    padding: .25em 1em;
}


@media only screen and (max-width: 620px) {
    #services {
        width: 90%;
    }
    #services ul {
        width: 80%;
        columns: 1;
    }
}