.duo-card {
    background-color: #fff;
}

.duo-card .duo-card__txt {
    padding: 2rem;
}

/* changed from #fff */
.multi-card {
    background-color: transparent;
}

.multi-card .multi-card__txt {
    padding: 2rem 2rem 3rem 2rem;
}

.multi-card .multi-card__txt h2 {
    font-size: 2rem;
    line-height: 2.7rem;
}

/* landing page */

.multi-card .duo-card__txt h2,
.multi-card .promo-content h2,
.multi-card .hero-content h1 {
    font-size: 2rem;
    line-height: 2.7rem;
}

.panel-flexible .pane-title {
    display: none;
}

.multi-card .duo-card__txt,
.multi-card .promo-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 2rem 2rem 3rem 2rem;
    clear: both;
    text-align: center;
}

.multi-card .panels-flexible-region-inside {
    padding: 0 !important;
}

.multi-card .duo-card {
    margin-bottom: 10px;
}

.multi-card .margin-top-40 {
    margin-top: 2rem;
}

.multi-card .hero-image.hero-large {
    margin-top: 2rem;
}

.multi-card .hero-content.vertical-align {
    position: relative;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(0);
}

.multi-card .hero-content p{
    font-size: 1.6rem;
    line-height: 1.5;
}

.multi-card .flex-campaign .btn {
    min-width: auto;
}

.multi-card .hero-promo-content.margin-bottom-xl {
    margin-bottom: 0;
}

.multi-card .hero-image.hero-large.hero-promo {
    margin-top: 0;
}

.multi-card .promo-block-text__content {
    word-break: break-word;	
}

.promo-block .app-store-btns img,
.hero-promo-block .app-store-btns img{
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .duo-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
	
    .duo-card .duo-card__txt, 
    .duo-card .duo-card__media {
        width: 50%;
    }

    .duo-card .duo-card__txt {
        align-self: center;
    }

    .duo-card .duo-card__media {
        padding: 0;
    }
	
    .multi-card__row, 
    .multi-card__row > div {
        display: flex;
    }

    .multi-card .multi-card__txt h2 {
        font-size: 2.5rem;
        line-height: 3.4rem;
    }
	
    /* landing page */

    .multi-card .duo-card {
        display: block;
        margin-bottom: 0;
        width: 100%;
    }
	
    .multi-card .duo-card .duo-card__txt, 
    .multi-card .duo-card .duo-card__media {
        width: 100%;
    }
	
    .multi-card .duo-card__txt,
    .multi-card .promo-content {
        box-shadow: none;
    }
	
    .multi-card .duo-card__txt h2,
    .multi-card .promo-content h2,
    .multi-card .hero-content h1 {
        font-size: 2.5rem;
        line-height: 3.4rem;
    }
	
    .multi-card .panels-flexible-region-inside {
        padding: 0 10px!important;
    }
	
    .mono-card .panels-flexible-region-inside {
        padding: 0 10px!important;
    }
	
    .multi-card .promo-block .promo-content {
        position: relative;
        width: auto;
        border-radius: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
	
    .multi-card .promo-block > .aspect-ratio {
        position: relative;
    }
	
    .multi-card .promo-block:before {
        display: none;
    }
	
    .multi-card .promo-block .hidden-sm,
    .multi-card .promo-block .hidden-md,
    .multi-card .promo-block .hidden-lg {
        display: block !important;	
    }
	
    .multi-card .hero-image.hero-large {
        height: 100%;
    }

    .multi-card .hero-promo-block .hero-promo-content {
        width: auto;
        display: block;
    }
	
    .multi-card .hero-promo.hero-image {
        background-image: none !important;
        height: auto !important;
    }
	
    .multi-card .hero-promo-block .hero-promo-content.squircle {
        border-radius: 0;
    }
	
    .multi-card .hero-promo-block {
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 0;
    }
	
    .multi-card .hero-promo-block img{
        display: block !important;
    }
	
    .multi-card .flex-campaign .btn_container:before {
        content: " ";
        height: 3rem;
        margin-top: 3rem;
        display: block;
    }
    .multi-card .flex-campaign .btn_container .btn {
        min-width: 20.5rem;
        width: auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px);
    }
}

@media only screen and (min-width: 1024px) {
    .multi-card .panels-flexible-region-inside {
        padding: 0 12px !important;
    }
	
    .mono-card .panels-flexible-region-inside {
        padding: 0 12px!important;
    }
}