.component.card-listing {
    padding: 0px var(--logo-width);
}

.component.card-listing .content header {
    margin-bottom: 60px;
}

.component.card-listing .content header .neue-haas {
    font-size: 25px;
    margin: 0;
}

.component.card-listing .content header .bebas-kai {
    font-size: 150px;
    color: var(--red01);
    margin: 0 0 30px -6px;
}

.component.card-listing .content header .description {
    font-size: 20px;
    margin: 0;
}

.component.card-listing .container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.component.card-listing .container .card {
    background-color: var(--blue02);
    width: 100%;
    /*max-width: 250px;
    min-height: 300px;*/
    gap: 5px;

    min-height: 300px;
    min-width:250px;
    flex-grow:1;
    flex-basis:0;
}

.component.card-listing .container:before,
.component.card-listing .container:after {
    content:"";
    display:block;
    order:10000;
    min-width:250px;
    min-height:1px;
    flex-grow:1;
    flex-basis:0;
    padding: 0px 20px;
    box-sizing: border-box;
}
.component.card-listing .container .card .neue-haas {
    font-size: 30px;
}

.card.card.card.card.card--spacer { /* Jamie JKD Donnelly special. */
	background: transparent !important;
	min-height: 1px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

@media (max-width: 1280px) {
    .component.card-listing {
        padding: 40px;
    }
}

@media (max-width: 614px) {
    .component.card-listing {
        padding: 20px;
    }

    .component.card-listing .container .card {
        background: var(--red01) !important;
        max-width: 100%;
        min-height: auto;
    }

    .component.card-listing .content header {
        margin-bottom: 40px;
    }

    .component.card-listing .content header .neue-haas {
        font-size: 20px;
    }

    .component.card-listing .content header .bebas-kai {
        font-size: 75px;
        margin: 0 0 25px -3px;
    }

    .component.card-listing .content header .description {
        font-size: 19px;
    }

    .component.card-listing .container .card .overlay {
        display: none;
    }
}
