/*
 * Services include style for gallura template.
 */

#servList {
    width: 100%;
    padding: 3em 15%;
}

#servList h2 {
    text-align: center;
}

#servList div.serv-list-container {
    display: flex;
    justify-content: space-between;
}

#servList div.serv-list-container div.card {
    display: flex;
    flex-direction: column;
    width: 48%;
}

#servList div.serv-list-container div.card .bg,
#servList div.serv-list-container div.card p {
    margin-bottom: 1em;
}

#servList div.serv-list-container div.card p {
    flex: 1 0 auto;
}

#servList div > div {
    padding: 4em 0;
    width: 100%;
}

#servList div.serv-list-container div.card h3 {
    font-size: 1.2em;
    margin-bottom: 1em;
}

@media screen and (max-width: 576px) {
    #servList div.serv-list-container {
        flex-direction: column;
    }

    #servList div.serv-list-container div.card {
        width: 100%;
        align-items: center;
    }

    div#services section,
    div#services section h2.textBig,
    #servList {
        text-align: center;
    }
}