header.masthead{
    background-image: url('../img/madison-skyline-banner.jpg');
}

section#about-us, #about-us-bottom {
    background-color: #e9ecef;
}
section#services{
    background-color: #e5e5e5;
    position: relative;
    z-index: 1;
}
section#services::after{
    background: inherit;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%;
    z-index: -1;
}

section#service-listing {
    background-color: #e5e5e5;
    position: relative;
    z-index: 1;
}

section#service-listing::after{
    background: inherit;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%;
    z-index: -1;
}

section#service-listing::before{
    background: inherit;
    top: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(1.5deg);
    transform-origin: 100%;
    z-index: -1;
}

section#clients {
    background-color: #e5e5e5;
}


.row.service-item {
    margin-bottom: 10px;
}

#admin-top #mainNav { margin-bottom: 10px;  }

.card div.card-header:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,.125);
}

form {
    margin-bottom: 20px;
}

form.delete-button{
    margin-bottom: 0px;
}

.client-image { width: 100%; height: 200px; }
.client-image img {
   object-fit: contain;
    vertical-align: middle;
}

.flex-gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    min-height: 150px;
}
.flex-gallery div {
    -ms-flex: 0 1 150px;
    flex: 0 1 150px;
    margin: 5px 10px;
}

@media screen and (max-width: 1199px) {
    .flex-gallery { justify-content: center; }
    .flex-gallery div { margin: 20px 10px; }
}

@media screen and (max-width: 399px){

    .flex-gallery div {
        -ms-flex: 0 1 200px;
        flex: 0 1 200px;
        margin: 20px 10px;
    }

}

/*.flexPic-gallery img {*/
/*    object-fit: contain;*/
/*    vertical-align: middle;*/
/*    height: 115px;*/
/*    width: 175%;*/
/*}*/
/*.client-img a { display: block; }*/