/****
Use classes that exist in later boostrap version
Can be deleted if bootstrap version gets updated from current 3.4.1
****/
.text-center{
  text-align:center !important;
}

.text-left{
  text-align:left!important;
}

.font-bold{
  font-weight:700;
}

.font-normal{
  font-weight:400!important;

}

/*********************************
 * Display *
 *********************************/
.d-none{
  display:none!important;
}
.d-inline{
  display:inline!important;
}
.d-inline-block{
  display:inline-block!important;
}
.d-block{
  display:block!important;
}

.d-table{
  display:table!important;
}

/*********************************
 * Padding *
 *********************************/
.p-0{
  padding: 0!important;
}

.p-1{
  padding: 0.5rem !important;
}

.p-2{
  padding: 1rem !important;
}

.p-3{
  padding: 1.5rem !important;
}

.p-4{
  padding: 3rem !important;
}

.p-5{
  padding: 6rem !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pt-1{
  padding-top: 0.5rem !important;
}

.pt-2{
  padding-top: 1rem !important;
}

.pt-3{
  padding-top: 1.5rem !important;
}

.pt-4{
  padding-top: 3rem !important;
}

.pt-5{
  padding-top: 6rem !important;
}

.pb-0{
  padding-bottom: 0!important;
}

.pb-1{
  padding-bottom: 0.5rem !important;
}

.pb-2{
  padding-bottom: 1rem !important;
}

.pb-3{
  padding-bottom: 1.5rem !important;
}

.pb-4{
  padding-bottom: 3rem !important;
}

.pb-5{
  padding-bottom: 6rem !important;
}

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

.px-1{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem!important;
}

.px-2{
  padding-left: 1rem !important;
  padding-right: 1rem!important;
}

.px-3{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem!important;
}

.px-4{
  padding-left: 3rem !important;
  padding-right: 3rem!important;
}

.px-5{
  padding-left: 6rem !important;
  padding-right: 6rem!important;
}

.py-0{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.py-1{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem!important;
}

.py-2{
  padding-top: 1rem !important;
  padding-bottom: 1rem!important;
}

.py-3{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem!important;
}

.py-4{
  padding-top: 3rem !important;
  padding-bottom: 3rem!important;
}

.py-5{
  padding-top: 6rem !important;
  padding-bottom: 6rem!important;
}

/*********************************
 * Margin *
 *********************************/

.mx-auto{
  margin-left:auto!important;
  margin-right:auto!important;
}

.my-auto{
  margin-top:auto!important;
  margin-bottom:auto!important;
}

.m-0{
  margin:0!important;
}

.m-1{
  margin:0.5rem !important
}

.m-2{
  margin: 1rem !important;
}

.m-3{
  margin: 1.5rem !important;
}

.m-4{
  margin: 3rem !important;
}

.m-5{
  margin: 6rem !important;
}

.mt-0{
  margin-top: 0!important;
}

.mt-1{
  margin-top: 0.5rem !important
}

.mt-2{
  margin-top: 1rem !important;
}

.mt-3{
  margin-top: 1.5rem !important;
}

.mt-4{
  margin-top: 3rem !important;
}

.mt-5{
  margin-top: 6rem !important;
}

.mb-0{
  margin-bottom: 0!important;
}

.mb-1{
  margin-bottom: 0.5rem !important
}

.mb-2{
  margin-bottom: 1rem !important;
}

.mb-3{
  margin-bottom: 1.5rem !important;
}

.mb-4{
  margin-bottom: 3rem !important;
}

.mb-5{
  margin-bottom: 6rem !important;
}

.mx-0{
  margin-left: 0!important;
  margin-right: 0!important;
}

.mx-1{
  margin-left: 0.5rem !important;
  margin-right: 0.5rem!important;
}

.mx-2{
  margin-left: 1rem !important;
  margin-right: 1rem!important;
}

.mx-3{
  margin-left: 1.5rem !important;
  margin-right: 1.5rem!important;
}

.mx-4{
  margin-left: 3rem !important;
  margin-right: 3rem!important;
}

.mx-5{
  margin-left: 6rem !important;
  margin-right: 6rem!important;
}

.my-0{
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.my-1{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem!important;
}

.my-2{
  margin-top: 1rem !important;
  margin-bottom: 1rem!important;
}

.my-3{
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem!important;
}

.my-4{
  margin-top: 3rem !important;
  margin-bottom: 3rem!important;
}

.my-5{
  margin-top: 6rem !important;
  margin-bottom: 6rem!important;
}

/*Width & Height*/

.w-25{
  width:25%!important;
}

.w-50{
  width:50%!important;
}

.w-75{
  width:75%!important;
}

.w-100{
  width:100%!important;
}

.h-25{
  height:25%!important;
}

.h-50{
  height:50%!important;
}

.h-75{
  height:75%!important;
}

.h-100{
  height:100%!important;
}

/*Vertical align*/
.align-baseline{
  vertical-align:baseline!important;
}
.align-top{
  vertical-align:top!important;
}
.align-middle{
  vertical-align:middle!important;
}
.align-bottom{
  vertical-align:bottom!important;
}
.align-text-bottom{
  vertical-align:text-bottom!important;
}
.align-text-top{
  vertical-align:text-top!important;
}

/*Flex*/

.d-flex{
  display:flex!important;
}

.d-inline-flex{
  display:inline-flex!important;
}

.flex-row{
  flex-direction: row!important;
}

.flex-column{
  flex-direction: column!important;
}

.align-items-stretch{
  align-items:stretch!important;
}

.align-self-start{
  align-self:flex-start!important;
}

@media (min-width: 576px) {
  .flex-sm-column{
    flex-direction: column !important;
  }

}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
}