.no-padding {
  padding: 0;
}
.no-radius {
  border-radius: 0px;  
}
.no-overflow {
  overflow: hidden;  
}
.text-white {
  color: white;
}
.text-center {
  text-align: center;
}
.text-italic {
  font-style: italic;
}
.text-stroke
{
  color: white;
  text-shadow:
  -1px -1px 0 #000,
  1px -1px 0 #000,
  -1px 1px 0 #000,
  1px 1px 0 #000;  
}
.text-weight-bold {
  font-weight: bold;
}
.btn-xl,
.btn-group-xl > .btn {
  padding: 15px 21px;
  font-size: 24px;
  line-height: 1;
  border-radius: 3px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  /*padding: 6px 0;*/
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  /*padding: 10px 16px;*/
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  text-align: center;
  /*padding: 10px 16px;*/
  font-size: 16px;
  line-height: 1.33;
  border-radius: 35px;
}
@media (max-width: $screen-xs-max) {
  .col-xs-auto { width: auto; }
}
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
  .col-sm-auto { width: auto; }
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
  .col-md-auto { width: auto; }
}
@media (min-width: $screen-lg-min) {
  .col-lg-auto { width: auto; }
}