.upper-background-big {
    background: linear-gradient(188.8deg, #DD4E96 0%, #94519B 55.8%, #3868BC 100%);
    height: 700px;
}

.upper-background-big-easter {
    background: linear-gradient(188.8deg, #DD4E96 0%, #94519B 55.8%, #3868BC 100%);
    height: 700px;
}

.wrapper {
    margin-top: -600px;
}

.promo__title {
    font-family: 'Muli', sans-serif;
    text-transform: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    margin-bottom: 16px;
    margin-top: 48px;
}

.promo__description {
    font-family: 'Muli', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto 24px;
    max-width: 600px;
    color: #ffffff;
}

.promo__cta-button {
    margin: 3vh auto;
    display: block;
}

.feature-table {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    max-width: 920px;
    margin: 0 auto 64px;
}

.feature-table__header {
    display: -webkit-box;
    display: flex;
    color: #454545;
    font-family: 'Muli', sans-serif;
    font-size: 21px;
    text-align: center;
    background: #ffffff;
}

.feature-table__header__spacer {
    -webkit-box-flex: 2;
    flex: 2 0 60%;
}

.feature-table__header__title {
    -webkit-box-flex: 0;
    flex: 0 1 214px;
    padding: 16px 0;
}

.feature-table__section-title {
    background: #F9F9F9;
    padding: 16px 24px;
    font-size: 18px;
    color: #454545;
    font-family: 'Muli', sans-serif;
    border-top: 1px solid #EBEBEB;
}

.feature-table__feature {
    border-top: 1px solid #EBEBEB;
    font-size: 16px;
    color: #454545;
    font-family: 'Muli', sans-serif;
    background: #ffffff;
    display: -webkit-box;
    display: flex;
}

.feature-table__feature__name {
    padding: 16px 24px;
    -webkit-box-flex: 2;
    flex: 2 0 60%;
}

.feature-table__feature__checkbox-container {
    -webkit-box-flex: 0;
    flex: 0 1 214px;
    border-left: 1px solid #EBEBEB;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.feature-table__feature__included {
    width: 22px;
    height: 22px;
}

.feature-overview__title {
    font-family: 'Muli', sans-serif;
    font-size: 21px;
    color: #454545;
    text-align: center;
}

.feature-overview__description {
    font-family: 'Muli', sans-serif;
    color: #727272;
    text-align: center;
    font-size: 16px;
}

.packages {
    justify-content: center;
    display: -webkit-box;
    display: flex;
    margin-bottom: 6vh;
}

.packages-micro-products {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.promo {
    padding-bottom: 5rem;
}

.package {
    flex-basis: auto;
    padding: 0;
}

.package--highlighted {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1;
}

.package__title {
    font-family: 'Muli', sans-serif;
    font-size: 21px;
    color: #454545;
    margin-top: 16px;
    margin-bottom: 8px;
}

.package__time-period {
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    color: #727272;
    text-transform: uppercase;
    font-weight: bold;
}

.package__image {
    width: 80px;
    display: block;
    margin: 0 auto;
}

.package__image--recommend {
    margin-top: 32px;
}

.package__price {
    color: #454545;
    font-size: 28px;
    font-family: 'Muli', sans-serif;
}

.package__price-discounted {
    font-family: 'Muli', sans-serif;
    color: #727272;
    font-size: 16px;
    text-decoration: line-through;
}

.package__description {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    color: #727272;
    margin-bottom: 16px;
}

.package__buy-button {
    background: #0076D0;
    color: #ffffff;
    font-size: 16px;
    display: block;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    padding: 12px;
    width: 100%;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin-bottom: 10px;
}

.package__buy-button--secondary {
    background: #F9F9F9;
    color: #0076D0;
    font-size: 16px;
    display: block;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    padding: 12px;
    width: 100%;
    border: 0;
    margin-top: 24px;
}

.package__order-terms {
    color: #0076D0;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    margin: 16px 0;
    display: block;
}

.package__recommend {
    background: #0076D0;
    border-radius: 4px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 24px;
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.confirm-order__container {
    max-width: 350px;
    margin: 0 auto;
    padding-top: 16px;
}

.confirm-order__row-label {
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    color: #454545;
}

.confirm-order__row-value {
    font-family: 'Muli', sans-serif;
    color: #727272;
    font-size: 16px;
    text-align: right;
    float: right;
}

.confirm-order__price {
    text-align: right;
    margin: 16px 0 8px;
}

.confirm-order__price-label {
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    color: #727272;
    font-size: 12px;
    margin-right: 8px;
}

.confirm-order__price-value {
    font-family: 'Muli', sans-serif;
    color: #454545;
    font-size: 28px;
}

.confirm-order__price-discounted {
    color: #727272;
    text-decoration: line-through;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    margin-left: 8px;
    display: none;
}

.confirm-order__header {
    background: #F9F9F9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    color: #454545;
    font-size: 21px;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
}

.confirm-order__buy-button_hidden {
    visibility: hidden;
}

.confirm-order__buy-button {
    display: block;
    background: #0076D0;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    padding: 12px 24px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    margin: 28px auto 0;
}

.choose-payment-option {
    font-size: 16px;
    color: #454545;
}

.payment-options {
    font-family: 'Muli', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
}

.payment-options label {
    padding-top: 10px;
    color: #727272;
    font-size: 14px;
}

.payment-option-text {
    margin-left: 5px;
    display: inline;
}

.no-payment-option-select-error {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    color: #a94442;
    margin: 10px auto 0;
    text-align: center;
}

.confirm-order__cancel-button {
    font-family: 'Muli', sans-serif;
    color: #727272;
    font-size: 16px;
    display: block;
    margin: 16px 0;
    text-align: center;
}

.confirm-order__discount-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 16px;
}

.confirm-order__discount-check-button {
    color: #0076D0;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
}

.confirm-order__separator {
    margin: 16px 0;
    background: #EBEBEB;
}

.confirm-order__discount-input {
    border-radius: 4px;
    border: 1px solid #D9C9D7;
    padding: 8px 16px;
    font-size: 14px;
    color: #454545;
    font-family: 'Muli', sans-serif;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 16px;
}

.confirm-order__phone-number {
    border-radius: 4px;
    border: 1px solid #D9C9D7;
    padding: 8px 16px;
    font-size: 14px;
    color: #454545;
    font-family: 'Muli', sans-serif;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 16px;
}

.confirm-order__select-label {
    font-size: 14px;
    color: #454545;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
}

.confirm-order__select {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D9C9D7;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    color: #454545;
    background: #ffffff;
    height: 38px;
}

.accept-agreement_wrapper {
    padding-top: 20px;
    padding-bottom: 10px;
}

/* facelift-2016 styles */

.plus-promo .promo-info-row {
    padding: 10px 0 25px;
}

.plus-promo .plus-header {
    max-width: 750px;
}

.plus-promo .plus-header * {
    margin: 25px 0;
}

.kd-subscription-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    justify-content: space-evenly;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    padding: 16px;
    text-align: center;
    position: relative;
}

.div-star-icon {
    text-align: center;
    display: inline-block;
    width: 40px;
    vertical-align: top;
    padding-top: 23px;
    margin-right: 20px;
}

.subscription-euros, .subscription-cents {
    font-family: 'montserrat';
}

.subscription-euros {
    font-size: 5em;
}

.subscription-cents {
    font-size: 2em;
    padding-top: 0.75em;
    line-height: 1em;
}

.subscription-shouts {
    font-size: 1.45em;
    padding-top: 21px;
}

.subscription .plus-header {
    border-bottom: 2px solid #E5EAF2;
    padding: 8px 0;
}

/* old styles */

.discountIcon {
    margin-left: 5px;
    font-size: 25px;
    vertical-align: middle;
}

.discountIcon.discountfound {
    color: #468847;
}

.discountIcon.discountnotfound {
    color: #b94a48;
}

.plus-promo .plus-features .description, .plus-promo .promo-plus-begin .description {
    margin-left: 50px;
}

.plus-promo .profile-column {
    border-left: 1px solid #E5EAF2;
    border-right: 0px;
    padding-left: 10px;
}

.plus-promo .profile-column.plus-features-table {
    padding-left: 4%;
}

.plus-promo .plus-features-container .plus-register {
    float: right;
    padding-left: 40px;
}

.plus-promo .profile-column:first-child {
    border-left: 0px;
}

.subscription_new i.discountfound {
    color: #ccffcc;
}

.subscription_new i.discountnotfound {
    color: #ffccff;
}

/*** INDIVIDUAL STYLES ***/

.plus-promo .plus-features-container {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #E5EAF2;
}

.plus-promo p.plus-description {
    margin-top: 10px;
}

.plus-promo .row-fluid.premium-feature {
    margin-bottom: 20px;
}

.plus-promo .promo-plus-begin .row-fluid.premium-feature {
    margin-bottom: 0;
}

.subscription_promo .package-content {
    min-height: 70px;
    margin-bottom: 15px;
    text-align: center;
}

.subscription_promo .package-content .price-content {
    display: inline-block;
    margin-right: 20px;
}

.subscription_promo .package-content .shouts-content {
    display: inline-block;
    position: relative;
    top: 20px;
}

/**** FEATURE TABLE *****/

.subscription_promo .plus-features .premium-feature div.span3 {
    color: #0291FF;
    font-size: 52px;
    padding-right: 4px;
}

.subscription_promo .plus-features .premium-feature div.span3 i {
    width: 73px;
    height: 65px;
    line-height: 62px;
    text-align: center;
}

.subscription_promo .premium-features td, .subscription_promo .premium-features th {
    padding: 15px 8px;
}

/*** PAYMENT LIST ***/

.plus-promo .additional-info {
    margin-top: 50px;
}

.plus-promo .link-info {
    margin-top: 30px;
}

.plus-promo .grid-view {
    padding-top: 0;
}

.shortpayment {
    width: 78%;
    margin-top: 50px;
}

#failedCollapse {
    float: left;
}

.failedpaymentlisth4 {
    text-align: left;
    color: black;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 16px;
    vertical-align: text-top;
}

.failedpayment-icon-up {
    background: url('/img/icon/arrow-up.png') no-repeat;
    padding-right: 25px;
    vertical-align: central;
    background-position: center;
}

.failedpayment-icon-down {
    background: url('/img/icon/arrow-down.png') no-repeat;
    padding-right: 25px;
    background-position: center;
}

/**** PAYMENT ICONS ****/

.subscription i#logo.icon {
    margin-left: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.subscription i#logo.icon.AKTIA {
    background-image: url('/img/icon/sppopmaksu.gif');
    width: 50px;
}

.subscription i#logo.icon.AALAND {
    background-image: url('/img/icon/olandsbanken.gif');
}

.subscription i#logo.icon.handelsbanken {
    background-image: url('/img/icon/handelsbanken.gif');
}

.subscription i#logo.icon.TAPIOLA {
    background-image: url('/img/icon/tapiola.gif');
}

.subscription i#logo.icon.NB-FI, .plus-promo i.icon.NB-FI {
    background-image: url('/img/icon/icon-nordea.png');
    width: 93px;
}

.subscription i#logo.icon.VISA, .plus-promo i.icon.VISA {
    background-image: url('/img/icon/icon-visa.png');
    width: 89px;
}

.subscription i#logo.icon.MC, .plus-promo i.icon.MC {
    background-image: url('/img/icon/icon-master.png');
    width: 68px;
}

.subscription i#logo.icon.phone, .plus-promo i.icon.phone {
    background-image: url('/img/icon/icon-phone.png');
}

.subscription i#logo.icon.SAMPO, .plus-promo i.icon.SAMPO {
    background-image: url('/img/icon/icon-sampo.png');
    width: 120px;
}

.subscription i#logo.icon.OP, .plus-promo i.icon.OP {
    background-image: url('/img/icon/icon-op.png');
    width: 40px;
}

.subscription i#logo.icon.SP, .plus-promo i.icon.SP {
    background-image: url('/img/icon/icon-sp.png');
}

.subscription i#logo.icon.POP, .plus-promo i.icon.POP {
    background-image: url('/img/icon/icon-pop.jpg');
}

.subscription .span8.paymentMethod {
    line-height: 80px;
}

.subscription .span4.paymentMethod {
    vertical-align: middle;
    height: 80px;
    line-height: 80px;
}

.subscription #paymentLogo {
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
}

.subscription .payex-right {
    float: right;
    padding-right: 25px;
    padding-top: 15px;
    width: 150px;
    height: auto;
}

.plus-promo .icons {
    height: 40px;
    line-height: 40px;
    vertical-align: bottom;
    margin-top: 35px;
}

.plus-promo .icons i {
    float: left !important;
    margin-right: 5px;
}

.plus-promo .icons i.NB-FI {
    width: 93px;
}

.plus-promo .icons i.SAMPO {
    width: 132px;
}

.plus-promo .icons i.OP {
    width: 40px;
    margin-left: 0px;
}

.plus-promo .icons i.MC {
    width: 68px;
}

.plus-promo .icons i.VISA {
    width: 82px;
}

/* IE FIX */

.ie10 .plus-promo .tabsContainer .nav-tabs {
    margin-bottom: -3px;
}

/* subscription notifications  */

.subscription_agreementordercomplete .notifications-button .btn-primary, .subscription_ordercomplete .notifications-button .btn-primary {
    display: none;
    margin: 0 0 10px 0;
}

.subscription_agreementordercomplete .notifications-button .btn.active, .subscription_ordercomplete .notifications-button .btn.active {
    display: inline-block;
    background: #5e5e5e;
}

.subscription_ordercomplete #notification_settings ul, .subscription_agreementordercomplete #notification_settings ul {
    list-style-type: disc;
}

@media (max-width: 767px) {
    .promo__cta-button {
        margin-bottom: 32px;
    }

    .upper-background-big {
        height: 450px;
    }

    .wrapper {
        margin-top: -400px;
    }

    .packages {
    }

    .package {
        display: -webkit-box;
        display: flex;
        flex-basis: 100%;
        margin-top: 16px;
    }

    .package__recommend {
        position: static;
        -webkit-transform: none;
        transform: none;
        background: #EEECFE;
        color: #0076D0;
    }

    .package__buy-button--secondary {
        display: inline-block;
        margin-top: 16px;
    }

    .feature-overview__title {
        text-align: left;
    }

    .feature-overview__description {
        text-align: left;
    }

    .package--highlighted {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .plus-promo .profile-column.plus-features-table {
        padding-left: 0;
    }

    .plus-promo table.premium-features td:first-child, .plus-promo table.premium-features th:first-child {
        padding-left: 0;
    }

    .subscription .span4.paymentMethod, .subscription .span4.paymentMethod i#logo {
        display: none;
    }

    .promo__title {
        font-size: 28px;
        margin-top: 32px;
        text-align: left;
    }

    .promo__description {
        font-size: 14px;
        margin-bottom: 24px;
        text-align: left;
    }

    .feature-table {
        margin-bottom: 32px;
    }

    .feature-table__section-title {
        padding: 12px 16px;
        font-size: 14px;
    }

    .feature-table__feature__name {
        padding: 12px 16px;
        font-size: 12px;
        -webkit-box-flex: 2;
        flex: 2 0 50%;
    }

    .feature-table__header {
        font-size: 13px;
        font-weight: 600;
        word-break: break-word;
    }

    .feature-table__header__spacer {
        -webkit-box-flex: 2;
        flex: 2 0 50%;
    }

    .feature-table__header__title {
        padding: 12px 0;
    }
}

.payments .items .item {
    padding-bottom: 30px;
}

.payments .items .lbl {
    display: block;
    min-width: 150px;
    font-weight: bold;
}

/* subscription type radio buttons */

.subscription .duration-container {
    background-color: #f7f7f7;
    border: 1px solid #999;
    height: 150px;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    /* Safari/Chrome, other WebKit */
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.subscription .duration-container:hover {
    background-color: #dbdbdb;
}

.subscription .duration-container.active {
    background-color: #0291ff;
    border: 1px solid #0f72b8;
}

.subscription .duration-container.active span, .subscription .duration-container.active i {
    color: #fff;
}

.subscription .duration-container input[type="radio"] {
    position: absolute;
    left: -99999px;
}

.subscription .duration-container span.duration {
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 11px;
}

.subscription .duration-container .price {
    position: relative;
    width: 60px;
    height: 30px;
    margin: auto;
    left: 0;
    right: 0;
    margin-bottom: 10px;
    margin-top: 15px;
}

.subscription .duration-container .price span.euros {
    font-size: 38px;
}

.subscription .duration-container .price span.cents {
    font-size: 15px;
    position: absolute;
    top: -5px;
}

.subscription .duration-container span.megaphones {
    font-size: 10px;
    display: block;
    line-height: 12px;
    margin-bottom: 10px;
}

.subscription .duration-container .choose {
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
}

.subscription .duration-container .choose i.choose-type {
    font-size: 15px;
    margin-right: 5px;
}

.subscription .duration-container .choose span {
    vertical-align: top;
}

.goto-mobile {
    padding-bottom: 10px;
}

.goto-mobile img {
    height: 40px;
    margin-bottom: -5px;
}

.popover-highlight {
    background-color: #c8ef9a;
}

.popover-highlight .arrow:after {
    border-bottom-color: #c8ef9a !important;
    border-top-color: #c8ef9a !important;
}

.treffit-plus-option-container {
    padding: 20px 19px 12px;
    line-height: 1.3;
}

.treffit-plus-options h3 {
    line-height: 1;
    font-size: 30px;
    display: inline-block;
}

.treffit-plus-general-info {
    text-align: center;
    margin: 15px auto 20px;
    max-width: 500px;
}

.treffit-plus-general-info-icon {
    color: #993366;
    font-size: 50px;
    padding-right: 30px;
    float: left;
    margin-top: 5px;
}

.treffit-plus-general-info-payex {
    margin-bottom: 40px;
}

.treffit-plus-general-info-subheader {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 40px;
}

.treffit-plus-general-info-text {
    font-size: 35px;
    font-weight: bold;
    line-height: 1.1;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

.treffit-plus-general-info-icon + .treffit-plus-general-info-text {
    margin-left: 80px;
}

.agreement-info {
    color: #202020;
}

.agreement-info.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid white;
}

.agreement-info.close {
    font-size: 30px;
    font-weight: 900;
}

.agreement-info.modal.fade.in {
    top: 50%;
}

.shift-left {
    margin-left: -30px;
    margin-top: 10px;
}

.treffit-plus-promo-agreement-info {
    color: white;
    text-decoration: underline;
    font-size: 11px;
    line-height: 16px;
    margin-top: 5px;
    margin-left: 20px;
}

.treffit-plus-promo-agreement-info:hover {
    color: #ddd;
    text-decoration: underline;
}

.treffit-plus-option-heading {
    text-align: left;
}

.make-continuous-order .btn-link {
    color: white;
    text-shadow: none;
}

.plus-continuous.price-content span.euros {
    font-family: 'montserrat';
    font-size: 75px;
    line-height: 75px;
    position: relative;
    float: left;
}

.plus-continuous.price-content span.cents {
    font-size: 40px;
    position: relative;
    float: left;
    font-family: 'montserrat';
    line-height: 28px;
    padding-left: 4px;
    padding-top: 10px;
}

.onetime-subscription-btn.btn-primary, .ui-widget .btn-primary {
    background: -webkit-linear-gradient(top, #0291ff 0%, #0044cc 100%);
}

.normal-text {
    font-size: 14px;
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
}

.plus-promo .payex-logo {
    max-width: 140px;
}

.treffit-plus-general-info-small {
    text-align: left;
    margin-top: 60px;
    margin: auto;
    max-width: 800px;
}

.subscription-options {
    display: flex;
    flex-direction: column;
}

.subscription-options-text-promo {
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    margin: 10px auto 0;
    text-align: center;
}

.subscription-options-text-extra {
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
}

.swedbank-pay-seamless-view {
    margin-top: 12px;
}

@media (min-width: 767px) {
    /* Desktop & tablet sizes */
    .buy-form-toggle-container {
        text-align: center;
        position: relative;
        top: 18px;
    }

    .treffit-plus-promo-agreement-info {
        margin: 0;
        position: relative;
        top: 10px;
    }

    .subscription_promo .package-content .shouts-content {
        display: none;
    }

    .treffit-plus-option-heading {
        text-align: left;
    }

    .treffit-plus-general-info-icon {
        font-size: 70px;
    }

    .treffit-plus-general-info-icon + .treffit-plus-general-info-text {
        margin-left: 120px;
    }

    [class="package"] > .kd-subscription-container {
        height: 90%;
    }

    [class="package package--highlighted"] > .kd-subscription-container {
        height: 105%;
    }
}

@media (min-width: 1055px) {
    /* Wide sizes */
    .subscription_promo .package-content .shouts-content {
        display: inline-block;
    }
}

@media (max-width: 768px) {
    /* extra small size */
    .plus-promo .product-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .packages {
        flex-wrap: wrap;
    }

    .package > div {
        width: 100%;
    }
}