/*Grid for 3 cards*/
.field--name-field-card-deck {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    max-width: 75vw;
    margin: 30px auto;
}

/*Center Grid*/
.center-grid .field--name-field-card-deck {
    margin: 0 auto;
    max-width: 70vw;
}

@media screen and (max-width: 1500px ) {
    .paragraph--type--card-deck .card {
        display: flex;
        flex-direction: row;
        margin: 15px auto;
    }
    .paragraph--type--mbp-card {
        max-width: 95%;
        width: 95%;
    }
    .field--name-field-card-deck {
        grid-template-columns: 100%;
        grid-gap: 1rem;
        width: 95%;
        max-width: unset;
        margin: 30px 0;
    }
    .no-image-card-deck .field--name-field-card-deck {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        max-width: 75vw;
        margin: 30px auto;
    }
    .no-image-card-deck .field--name-field-card-deck .card-body {
        max-width: 100%;
        float: none;
    }
    .paragraph--type--mbp-card {
        width: 90%;
        margin: 0 auto;
    }
    .paragraph--type--mbp-card .card {
        flex-direction: row;
    }
    .paragraph--type--mbp-card .card-body .field.text-formatted {
        min-height: unset;
    }
    .paragraph--type--card-deck .paragraph--type--mbp-card img {
        width: 40%;
        float: left;
    }
    .paragraph--type--mbp-card .card-title {
        height: unset;
    }
    .paragraph--type--mbp-card .card-body {
        max-width: 60%;
        float: left;
    }
    .paragraph--type--card-carousel .paragraph--type--mbp-card .card-body {
        max-width: 100%;
        float: none;
    }
    .paragraph--type--mbp-card .no-image-card .card-body p {
        max-width: 100%;
        float: none;
    }
}

@media screen and (max-width: 1400px) {
    .center-grid .field--name-field-card-deck {
        max-width: 95vw;
    }
}

@media screen and (max-width: 1200px) {
    .no-image-card-deck .field--name-field-card-deck {
        display: grid;
        grid-template-columns: 100%;
        max-width: 75vw;
        margin: 30px auto;
    }
    .no-image-card-deck .field--name-field-card-deck .card-body {
        max-width: 100%;
        float: none;
    }
    .pad-top-row  .paragraph--type--card-carousel .paragraph--type--mbp-card .card-body {
        max-width: 60%;
        float: left;
    }
}

@media screen and (max-width: 992px) {
    .center-grid .field--name-field-card-deck {
        display: block;  
    }
      .field--name-field-card-deck {
        display: block;
        max-width: 90vw;
        margin: 0 auto;
    }
    .paragraph--type--card-deck .card {
        display: flex;
        flex-direction: column;
        margin: 35px auto;
        width: 95%;
        max-width: 95%;
    }
    .paragraph--type--card-carousel .paragraph--type--mbp-card .card-body {
        max-width: 60%;
        float: left;
    }
    .paragraph--type--card-carousel .paragraph--type--mbp-card img {
        height: 100%;
        width: auto;
        object-fit: cover;
    }
}
@media screen and (max-width: 768px) {
    .paragraph--type--mbp-card .card-body {
        max-width: 100%;
        width: 100%;
        float: none;
        clear: both;
    }
    .paragraph--type--card-deck .paragraph--type--mbp-card img {
        max-width: 100%;
        width: 100%;
        max-height: unset;
        height: auto;
        margin: 0 auto;
        float: none;
    }
}