.navbar .btn {
  margin-top: 12.4px !important;
}

.btn {
  cursor: pointer !important;
}

.container img {
  -webkit-filter: contrast(100%);
  -moz-filter: contrast(100%);
  -ms-filter: contrast(100%);
  -o-filter: contrast(100%);
  filter: contrast(100%);
}

@media (max-width: 480px) {
  .span3 {
    /* width: 90% !important; */
    float: left;
    width: 100% !important;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .span4 {
    /* width: 90% !important; */
    float: left;
    width: 50% !important;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .thumbnails .span3 {
    margin-left: 0px !important;
    display: flex !important;
    flex: 1 1 0%;
  }
  .thumbnails .span3 .btn {
    left: 5px !important;
  }
}

@media (min-width: 480px) and (max-width: 979px) {
  .span3 {
    width: 50% !important;
    /* float: left !important; */
    margin-left: 0px !important;
  }
}

@media (max-width: 979px) {
  [class*="span"] {
    float: none !important;
  }
  [class*="span9"] {
    width: 100% !important;
  }
  .navmargin {
    margin-top: 0px !important;
  }
}
  
.lg-hidden {
  display: none !important;
}

@media (max-width: 767px) {
  .container {
    margin-left: 0px !important;
  }
  .lg-hidden {
    display: block !important;
  }
}

.thumbnails {
  display: flex;
  flex-wrap: wrap;
}

.thumbnail-btn {
  position: absolute;
  bottom: 0;
  left: 10px;
}

.thumbnail {
  height: 100% !important;
  position: relative;
  /* max-width: 300px; */
}

.thumbnail img, .thumbnail h3 {
  margin-bottom: 10px;
}

.invisible {
  visibility: hidden;
}

.bs-docs-sidebar {
  margin-top: 0px !important;
}

.span9 {
  max-width: 979px !important;
}

.no-contrast {
  -webkit-filter: contrast(100%);
  -moz-filter: contrast(100%);
  -ms-filter: contrast(100%);
  -o-filter: contrast(100%);
  filter: contrast(100%);
}

.bw {
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

textarea, input {
  margin-left: 0 !important;
}

textarea {
  resize: none;
  width: 100% !important;
  margin-bottom: 10px !important;
}
