@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: 18px;
  font-weight: bold;
  margin-top: 15px;
}
.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: left;
    line-height: 35px;
    font-size: 14px;
  }
}

.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);
  min-height: 225px;
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
  background: rgb(230, 235, 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);
  min-height: 225px;
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
  background: rgb(254, 235, 212);
}

.my_planHeader.my_plan3 a {
  background: rgb(199, 127, 40);
  color: white;
}

.my_planHeader.my_plan3 {
  background: rgb(253, 161, 49);
  border-bottom: thick solid rgb(199, 127, 40);
  min-height: 225px;
}

/* --- Plan 4 --------------------------- */
.my_plan4 {
  background: #e0eaf2;
}

.my_planHeader.my_plan4 a {
  background: #185e96;
  color: white;
}

.my_planHeader.my_plan4 {
  background: #185e96;
  border-bottom: thick solid #185e96;
  min-height: 225px;
}

/* --- Plan 5 --------------------------- */
.my_plan5 {
  background: #e6ebda;
}

.my_planHeader.my_plan5 a {
  background: #2f9324;
  color: white;
}

.my_planHeader.my_plan5 {
  background: #2f9324;
  border-bottom: thick solid #2f9324;
  min-height: 225px;
}

/* --- Plan 6 --------------------------- */
.my_plan6 {
  background: #feebd4;
}

.my_planHeader.my_plan6 a {
  background: #b12e01;
  color: white;
}

.my_planHeader.my_plan6 {
  background: #b12e01;
  border-bottom: thick solid #b12e01;
  min-height: 225px;
}

.my_planFeature {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.my_planFeature i.my_check {
  color: green;
}
.my_planFeature i.my_close {
  color: red;
}