﻿.empls {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

    .empls h1 {
        text-align: center;
        margin-bottom: 20px;
    }

.img-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* or space-around */
}

figure {
    margin: 0;
    overflow: hidden;
    margin-right: 10px;
}

figcaption {
    margin: 10px 0 15px;
    text-align: center;
}

.empls img {
    border: none;
    max-width: 100%;
    width: 172px;
    height: 178px;
    display: block;
    background: #ccc;
    transition: transform .2s ease-in-out;
    border: solid 1px silver;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

    .empls img:hover {
        transform: scale(1.15);
        filter: none;
        -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
    }

.founder {
    color: #727d80;
}

.founder-details h3 {
    text-align: center;
    margin-top: 10px;
    font-size: large;
}

.founder-details p {
    text-align: center;
    color: #727d80;
    font-size: 1.3em;
    line-height: 1.8em;
}

#faith h2 {
    margin: 30px 0 20px;
}

#faith h2 {
    text-align: center;
}

.faithalbum {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
}
    .faithalbum img {
        margin: 10px;
    }

.faith p {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    color: #727d80;
    font-size: 1.3em;
    line-height: 1.8em;
}

.faith {
    padding: 30px;
}

    .faith h1 {
        text-align: center;
        margin-bottom: 20px;
    }


    @media screen and (max-width: 1000px) {
        #faith > a > img {
            width: 100%;
        }
        .Page-Banner {
            margin: 14px 0 0;
            width: 100%;
        }
    }

    @media screen and (min-width: 1001px) {
        #faith > a > img {
            float: left;
            margin: 0 20px 10px 0;
            width: 20%;
            background: #ccc;
            transition: transform .2s ease-in-out;
            border: solid 1px silver;
            filter: gray;
            -webkit-filter: grayscale(100%);
        }

            #faith > a > img:hover {
                transform: scale(1.15);
                filter: none;
                -webkit-filter: grayscale(0%);
            }

        .founder-details {
            margin: 0;
        }

        .imgfaith {
            float: left;
            margin: 10px 30px;
        }
        .master-wrapper-content {
            top: 115px;
        }
        .footer {
            margin-top: 115px;
        }
    }
