/* Bootstrap 3 compat shim — only classes used in this app */
/* Breakpoints: xs < 768px, sm >= 768px, md >= 992px, lg >= 1200px */

*, *::before, *::after { box-sizing: border-box; }

/* Typography — Bootstrap 3 base heading styles */
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.1; }

/* Links — no underline by default, underline on hover */
a { text-decoration: none; }

/* Images — vertical-align removes baseline gap below inline images */
img { vertical-align: middle; }

/* Container */
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: none; }
.container::after { content: " "; display: table; clear: both; }

/* Row */
.row { margin-left: -15px; margin-right: -15px; }
.row::after { content: " "; display: table; clear: both; }

/* Column base */
.col-xs-12, .col-sm-6, .col-sm-12,
.col-md-3, .col-md-4, .col-md-6, .col-md-10, .col-md-12,
.col-lg-3, .col-lg-10, .col-lg-12 {
  position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;
}

.col-xs-12 { width: 100%; float: left; }

@media (min-width: 768px) {
  .col-sm-6  { width: 50%; float: left; }
  .col-sm-12 { width: 100%; float: left; }
}
@media (min-width: 992px) {
  .col-md-3  { width: 25%; float: left; }
  .col-md-4  { width: 33.33333%; float: left; }
  .col-md-6  { width: 50%; float: left; }
  .col-md-10 { width: 83.33333%; float: left; }
  .col-md-12 { width: 100%; float: left; }
}
@media (min-width: 1200px) {
  .col-lg-3  { width: 25%; float: left; }
  .col-lg-10 { width: 83.33333%; float: left; }
  .col-lg-12 { width: 100%; float: left; }
}

/* Visibility — hidden-* */
@media (max-width: 767px)  { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px)  { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

/* Visibility — visible-* */
.visible-lg { display: none !important; }
@media (min-width: 1200px) { .visible-lg { display: block !important; } }