/* Use a wide full screen for small screens like tablets. */

@media (min-width: 768px) and (max-width:992px) {
    .container {
        width: initial;
        padding-left: 2em;
        padding-right: 2em;
    }
}


/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.my_planTitle {
    font-size: 2em;
    font-weight: bold;
}

.my_planPrice {
    font-size: 1.4em;
    font-weight: bold;
}

.my_planDuration {
    margin-top: -0.6em;
}

@media (max-width: 768px) {
    .my_planTitle {
        font-size: small;
    }
}


/* --- Features ------------------------- */

.my_feature {
    line-height: 2.8em;
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
}

.my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 0.1em solid rgb(163, 163, 163);
}


/* --- Plan 1 --------------------------- */

.my_plan1 {
    background: rgb(224, 234, 242);
}

.my_planHeader.my_plan1 a {
    background: rgb(72, 109, 139);
    color: white;
}

.my_planHeader.my_plan1 {
    background: rgb(105, 153, 193);
    border-bottom: thick solid rgb(72, 109, 139);
}


/* --- Plan 2 --------------------------- */

.my_plan2 {
    background: rgb(221, 220, 218);
}

.my_planHeader.my_plan2 a {
    background: rgb(108, 131, 62);
    color: white;
}

.my_planHeader.my_plan2 {
    background: rgb(134, 162, 77);
    border-bottom: thick solid rgb(108, 131, 62);
}


/* --- Plan 3 --------------------------- */

.my_plan3 {
    background: #CCA10B;
}

.my_planHeader.my_plan3 a {
    background: #8b54ab;
    color: white;
}

.my_planHeader.my_plan3 {
    background: #ae87c4;
    border-bottom: thick solid #8b54ab;
}

.my_plan_gold {
    background: gold;
}

.my_planHeader.my_plan_gold a {
    background: rgb(176, 148, 0);
    color: white;
}

.my_planHeader.my_plan_gold {
    background: url(../images/plans/gold.png) gold;
    border-bottom: thick solid rgb(162, 131, 0);
}

.my_plan_silver {
    background: silver;
}

.my_planHeader.my_plan_silver a {
    background: rgb(121, 120, 120);
    color: white;
}

.my_planHeader.my_plan_silver {
    background: url(../images/plans/silver.png) silver;
    border-bottom: thick solid rgb(148, 153, 142);
}


/* --- Plan 4 ---------------------------FFE400 FFF538 */

.my_plan4 {
    background: #E5D230;
}

.my_planHeader.my_plan4 a {
    background: #8DBB00;
    color: white;
}

.my_planHeader.my_plan4 {
    background: #FFE400;
    border-bottom: thick solid #9B9300;
}

.my_plan5 {
    background: #f47f05;
}

.my_planHeader.my_plan5 {
    background: #f47f05;
    border-bottom: thick solid #A95A07;
}

.my_planHeader.my_plan_lvl1 {
    background: #315B96;
    border-bottom: thick solid #0D3367;
    font-size: 125%;
}

.my_planHeader.my_plan_lvl2 {
    background: #27937C;
    border-bottom: thick solid #056550;
    font-size: 125%;
}

.my_plan_lvl1_border {}

.my_planHeader.my_plan_silver,
.my_plan_lvl1_border,
.my_plan2 {
    border-right: thick solid #f47f05;
}

.my_plan5btn {
    height: 34px;
}

.my_planFeature {
    text-align: center;
    font-size: 2em;
}

.my_planFeature i.my_check {
    color: green;
}

.my_planFeature i.not_checked {
    color: red;
}

.pricing_header,
.pricing_header:hover,
.pricing_header:link,
.pricing_header:visited,
.pricing_header:active {
    text-decoration: none;
    font-weight: bold;
}

.my_feature {
    color: #f47f05;
    background-color: #fff;
}

.pricing {
    min-height: 100vh;
    margin-bottom: 120px;
}

.pricing_container {
    margin-top: 117px;
}

.perfect {
    font-size: 1.36em;
    line-height: 2.1em;
}

.c_white {
    color: #fff;
}

.blink {
    width: 100%;
    margin: 0 0%;
    background: url(../images/bg_blue2.jpg) #FFFBEA;
    background-size: cover;
}

.two_ln {
    min-height: 90px;
}