.purchase>h1 {
   padding-top: 15vmin;
   padding-bottom: 0.1em;
   font-family: var(--Lobster);
}

.purchase>p {
   color: var(--light-black);
   font-size: 3vmin;
   padding-bottom: 10vmin;
}

.purchase .cards .card {
   width: 22rem;
   margin: 3vmin 3vmin;
}

.cards div {
   padding: 0;
   margin: 0;
}

.cards .title {
   background: rgba(208, 241, 241, 0.199);
   padding: 1.4em 2.5em;
   font-size: 2vmin;
}

.card .card-text {
   padding: 2.5rem 3rem;
   color: var(--light-black);
}

.card-body .pricing {
   background: rgba(208, 241, 241, 0.199);
   border-top-right-radius: 170px;
   border-top-left-radius: 170px;
}

.card-body .pricing>h1 {
   font-size: 15px;
   padding: 1em 0.5em;
}


.section-3 {
   height: 70vmin;
   margin-top: 15vmin;
   background: var(--bggradient);
}

.section-3 .col-md-12>h1 {
   padding: 2em 0 0.5em 0;
   color: whitesmoke;
   font-size: 6vmin;
}

.section-3 .col-md-12>p {
   padding: 0 4em;
   padding-bottom: 2em;
   color: var(--light-gray);
   font-size: 3vmin;
}

.section-3 .desktop {
   background: white;
   display: inline-block;
   border-radius: 3em;
   padding: 2vmin 4.5vmin;
   margin: 1em;
}

.section-3 .desktop h3 {
   font-size: 4vmin;
}

.section-3 .desktop p {
   font-size: 2vmin;
}


@media only screen and (max-width: 768px) {
   .section-3 {
      height: inherit;
      padding: 10vmin !important;
   }

   .section-3 .row h1 {
      padding: 6vmin 4vmin;
   }

   .section-3 .platform .col-md-6 {
      text-align: center !important;
   }

   .section-3 .desktop i {
      font-size: 8vmin;
   }

}