body {
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.95rem;
}

h1, h2, h3, h4, h5, h6, .btn-qp {
  font-family: 'Brothers in Arms', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: .1rem;
}

#heading {
  display: block;
  width: 100%;
  height: 575px;
  padding: 0;
  background: url('/uploads/banners/banner1.jpg') no-repeat top center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  /*-webkit-box-shadow: inset 0 -4px 9px -3px #000;*/
  /*-moz-box-shadow: inset 0 -4px 9px -3px #000;*/
  /*box-shadow: inset 0 -4px 9px -3px #000;*/
}

.btn-qp {
  font-size: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}

#main-nav a {
  font-size: 1.2em;
  color: rgba(0, 0, 0, 0.9);
}

#main-nav a:hover {
  color: rgba(0, 0, 0, 0.7);
}

label.required {
  font-weight: bold;
}

.fa-1x {
  font-size: 1.5em;
}

.custom-file-input {
  opacity: 1 !important;
}

form #product img {
  height: 100px;
  width: 100px;
}

.table thead th a {
  color: black;
}

.table thead th a:hover {
  text-decoration: none;
  color: #666666;
}

.table thead th a.sortable:before {
  font-family: FontAwesome;
  content: "\f0dc ";
  color: #999999;
}

.table thead th a.asc:before {
  font-family: FontAwesome;
  content: "\f0de ";
}

.table thead th a.desc:before {
  font-family: FontAwesome;
  content: "\f0dd ";
}

footer {
  background: black url("../img/footer-caaAWy4.jpg") top left repeat;
  color: white; height: 305px
}

footer a {
  color: #fff; font-size: 0.9rem; line-height: 2rem;
}

footer a:hover {
  color: #dddddd; text-decoration: none
}

footer > .container {
  background-color: #000000;
}

.vich-image img {
  max-width: 100% !important;
  height: auto !important;
}