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

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

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

.card {
border: 1px solid #ddd;
border-top: 4px solid #bd5319;
background-color: #f9f9f9;
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 {
margin: 1em 0 0 0;
}

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

.pane-title:after {
content: "";
display: block;
width: 2em;
margin-top: 0.7em;
border-bottom: 1px solid #ccc;
margin-right: auto;
margin-left: auto;
}

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

.card a:hover,
.hovered a {
text-decoration: underline;
color: #286dc0;
}

/*
.support { background-color: #bfdde7; }
.support .pane-title { background-color: #00799e; }
.report { background-color: #b2e5ea; }
.report .pane-title { background-color: #009fb1; }
.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%;
    }
}
*/