h1{
  margin-bottom:20px;
  font-size: 3rem;
  font-weight: 300 !important;
}

@media all and (max-width:540px) {
 h1{
   font-size: 10vw;
 }
}

.checkout_container{
  margin-bottom:160px;
}

ul#stepper li{
  display:inline;
  font-size:18px;
  white-space: nowrap;
}

@media all and (max-width:992px) {
 ul#stepper li:not(.mob-visible), ul#stepper span.badge {
   display:none;
 }
}

h5{
  color:#01a4f1;
  font-size:1.5em;
  margin-top:40px;
  margin-bottom:20px;
 }

.card-header h4 {
  font-size: 1.1rem;
  font-weight: 500;
}
.rounded-circle {
  background-color:#b7b7b7;
  border: none;
  color: white;
  padding: 4px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight:600;
  margin: 2px 2px;
  border-radius: 25px;
}

.rounded-circle.active{
  background-color: #01a4f1 !important;
}

.badge  {
  background-color:#b7b7b7;
  margin-left:10px;
  margin-right:10px;
  border-radius: 0em;
  width:50px;
  font-size: 45% !important;
  margin-bottom: 4px;
}

.badge.active{
  background-color: #01a4f1 !important;
}

.note{
  margin-top:20px;
  font-size:14px;
  color:#01a4f1;
  letter-spacing: -0.3px;
}

label{
  margin-top:15px;
}

.card {
  padding-right:0px !important;
  padding-left:0px !important;
}

.help-block.error {
  margin-bottom: 5px;
}

.messages {
  margin-top:2px;
  color:rgb(215, 6, 6);
}

#check_term {
  color:rgb(215, 6, 6);
}

div.payment_information label, div.payment_information p.text-primary,
div.payment_information table th, div.payment_information table td {
  font-size: 1.1rem;
}