/* Preface Mini Panel Cards */
.zone-preface-wrapper {
    margin-bottom: 0em;
    position: relative;
    text-align: center;
    color: white;
}

.cards-wrapper .contextual-links-wrapper {
right: 50%;
}

.cards-wrapper .panel-display .contextual-links-wrapper {
right: 0;
}

/* puts the text on top of the image */
.pane-content {
    position: relative;
    text-align: center;
    color: white;
}
/*.pane-content h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.pane-content h2 {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: black;
}

/* END puts the text on top of the image */
.panel-col > div {
display: flex;
flex-wrap: wrap;
} 

.card {
    background: transparent;
    border: 0px dotted #ccc;
align-content: flex-start; 
    width: 33.3%;
/* float: left; */
    text-align: center;
    margin-bottom: 1.75em;
    transition: 
         background-color 0.2s linear,
        box-shadow 0.2s linear, 
        filter 0.2s linear, 
        transform 0.2s linear;
}

.card:hover {
box-shadow: 
     0 2px 6px 0 rgba(0, 0, 0, 0.3), 
     0 6px 6px -6px rgba(0, 0, 0, 0.3);
     transform:  translateY(-1px);
     filter: contrast(105%);
}

.cards-wrapper .hovered {
background-color:  #fff;
}

.card img {
height: auto !important;
}

@media (max-width: 739px) {
.card {
width: auto;
float: none;
}
}