@media (max-width: 766px) {
    .msl-pagebanner img {
        display:none;
    }
}

.pill-card-pastlepurple {
    background: #9E99CC;
}

.row-20-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.col-20 {
  width: 20%;
  padding: 15px;
  display: flex;
}

.col-20-card {
  background: #fff;
  border-radius: 40px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
}

.col-20-body {
  flex: 1;
}

@media (max-width: 1400px) {
  .col-20 {
    width: 100%;
  }
}

.fries-head {
    margin: 10px auto;
    height: 150px;
    width: 150px;
    border-radius: 54%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fries-head.fries-head-f {
    background:#9e99cc;
}

.fries-head.fries-head-r {
    background:#ff5978;
}

.fries-head.fries-head-i {
    background:#5cbaa3;
}

.fries-head.fries-head-e {
    background:#ffc93b;
}

.fries-head.fries-head-s {
    background:#40b5e6;
}

.fries-head p {
    color:#000 !important;
    font-size:70px;
    font-weight:900;
    -webkit-text-stroke: 5px #fff;
    font-family: 'Fira Sans', sans-serif !important;
}

.fries-body .card-text-head {
    font-size:25px;
    font-weight:700;
    color:#000;
}

.fries-body-letter {
    text-decoration:underline;
}

.fries-body p {
    color:#000 !important;
}

.pill-round-head {
    overflow: visible;
}

.pill-round-head .card-text-head {
    margin: 10px auto;
    border-radius: 40px;
    display: flex;
    padding: 20px;
}

.pill-round-head .purple-head .card-text-head {
    background:#9E99CC;
}

.pill-round-head .yellow-head .card-text-head {
    background:#FEBF3E;
}

.pill-round-head .green-head .card-text-head {
    background:#5BBAA2;
}

.pill-round-head .red-head .card-text-head {
    background:#FF5A7A;
}

.pill-round-head .blue-head .card-text-head {
    background:#41B5E6;
}

.pill-round-head i {
    position: absolute;
    right: -6px;
    top: -30px;
    font-size: 60px;
    color: #ffbf40;
    -webkit-text-stroke: 3px white;
}