/* Different font sizes */
.font-size-14 {
  font-size: 0.875rem;
}

.font-size-15 {
  font-size: 0.9375rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-18 {
  font-size: 1.125rem;
}

.font-size-20 {
  font-size: 1.25rem !important;
}

.font-size-22{
  font-size: 1.375rem;
}

.font-size-24 {
  font-size: 1.5rem !important;
}

.font-size-28 {
  font-size: 1.75rem;
}

.font-size-30 {
  font-size: 1.875rem !important;
}

.font-size-32 {
  font-size: 2rem;
}

.font-size-34 {
  font-size: 2.125rem !important;
}

.font-size-40{
  font-size: 2.5rem;
}

.font-size-50 {
  font-size: 3.125rem;
}

@media only screen and (min-width: 768px){
  .font-size-md-18{
    font-size: 1.125rem !important;
  }
  .font-size-md-16{
    font-size: 1rem !important;
  }
  .font-size-md-20{
    font-size: 1.25rem !important;
  }
  .font-size-md-24{
    font-size: 1.5rem !important;
  }
  .font-size-md-34{
    font-size: 2.125rem !important;;
  }
  .font-size-md-30{
    font-size: 1.875rem !important;;
  }
  .font-size-md-16{
    font-size: 16px !important;
  }
  .font-size-md-40{
    font-size: 2.5rem !important;
  }
}

@media only screen and (min-width:1220px){
  .font-size-lg-24{
    font-size: 1.4rem !important;
  }
  .font-size-lg-30{
    font-size: 1.875rem !important;
  }
  .font-size-lg-34{
    font-size: 2.125rem !important;;
  }
  .font-size-lg-20{
    font-size: 1.25rem !important;;
  }
}

.no-border{
  border: none !important;
}

@media only screen and (max-width:480px){
  .font-size-sm-24{
    font-size: 1.5rem !important;
  }
}

/* Different background colors */

.bg-gray {
  background-color: #eeeeee;
}

.bg-orange {
  background-color: #ff7900
}

.bg-black {
  background-color: #000000;
}

.bg-light-yellow {
  background-color: #fff6b6;
}

.bg-light-firebrick {
  background-color: #f4cfb2;
}

.bg-light-blue{
  background-color: #b5e8f7;
}

.bg-pink{
  background-color: #ffe8f7;
}

.bg-green{
  background-color: #b8ebd6;
}

.bg-gradient-orange{
  background: linear-gradient(to bottom, #fdb100, #fb7900);
}


/*Different text colors */

.text-orange {
  color: #ff7900;
}

.text-gray {
  color: #ccc;
}

.text-dark-gray {
  color: #999999;
}


/*Different border-radius sizes */

.br-4 {
  border-radius: 4px;
}


/*Different line heights for paragraphs*/

.lh-1 {
  line-height: 1.25;
}
.lh-initial{
  line-height: 1;
}


/*Borders*/

.bordered {
  border: 1px solid !important;
}

.not-bordered {
  border: none;
}

.border-gray {
  border-color: #cccccc !important
}

.border-dark-gray {
  border-color: #979797;
}

.br-left-none {
  border-left: none;
}

.br-right-none {
  border-right: none;
}

.br-top-none {
  border-top: none;
}

.br-bottom-none {
  border-bottom: none;
}

.border-thick-2 {
  border-width: 2px !important;
}

.br-bottom-only {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.invisible{
  opacity: 0;
}