.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:.75rem;
  padding-left:.75rem;
}

.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-.75rem;
  margin-left:-.75rem;
}

.row > *{
  box-sizing:border-box;
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:.75rem;
  padding-left:.75rem;
}

.col{
  flex:1 0 0%;
}

.col-12,
.col-sm-12{
  flex:0 0 100%;
  max-width:100%;
}

.table{
  width:100%;
  margin-bottom:1rem;
  border-collapse:collapse;
}

.table td,
.table th{
  vertical-align:top;
}

.img-fluid{
  max-width:100%;
  height:auto;
}

.rounded-circle{
  border-radius:50%;
}

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

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

.text-white{
  color:#fff !important;
}

.lead{
  font-size:1.25rem;
  font-weight:300;
  line-height:1.5;
}

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

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

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

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

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

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

.fixed-bottom{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:1030;
}

@media (min-width:576px){
  .container{
    max-width:540px;
  }
}

@media (min-width:768px){
  .container{
    max-width:720px;
  }
}

@media (min-width:992px){
  .container{
    max-width:960px;
  }
}

@media (min-width:1200px){
  .container{
    max-width:1140px;
  }
}