/* Cards Homepage */
.cards-wrapper {
margin: 1em 0;
}

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

.panel-col div {
display: flex;
flex-wrap: wrap;
}

.card {
align-content: flex-start;
width: 48%;
float: left;
text-align: center;
margin-right: 4%;
margin-bottom: 1.75em;
transition: 
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%);
}

.card-even {
margin-right: 0;
}

.card .pane-title  {
font-family: "TheSans", Arial, Helvetica, sans-serif;
font-size: 1.55em;
padding: 0.35em 5%;
width: 100%;
color: #fff;
}

.card a {
color: #222;
text-decoration: none;
}

.support { background-color: #bfdde7; }
.support .pane-title { background-color: #00799e; }
.report { background-color: #b2e5ea; }
/* .report { background-color: #e0d6e8; } */
.report .pane-title { background-color: #009fb1; }
/* .report .pane-title { background-color: #9f5a92; } */
.guides { background-color: #f4d4df; }
.guides .pane-title { background-color: #b55982; }
.people { background-color: #d5d7ea; }
.people .pane-title { background-color: #656cb5 }

.pane-content {
padding: 20px 30px;
}

@media screen and ( max-width: 739px ) {
    .help-now {
    display: none;
    }
}

@media screen and ( max-width: 560px ) {
    .card {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 1em;
    }
}

@media screen and ( min-width: 740px ) and ( max-width: 1195px ), 
    ( min-width: 561px ) and ( max-width: 661px ) {
    .card-even .pane-title {
    padding-left: 25%;
    padding-right: 25%;
    }
}