.clickable {
  cursor: pointer;
}
.image.selected {
  opacity: 0.3;
}
.no-border {
  border: none !important;
}
.thumb {
  margin-bottom: 19px;
}
.header-img {
  position: relative;
  left: 555px;
}
.homepagethumb {
  margin-bottom: 7px;
}
.navbar-default {
  padding-bottom: 0;
}
.navbar-header {
  position: relative;
  z-index: 9999;
  width:100%
}
@media (min-width: 768px) {
  ul.nav.navbar-nav {
    margin-top: 200px;
  }
  .nav > li > a {
    padding: 10px 12px !important;
  }
}
@media (max-width: 767px) {
  ul.nav.navbar-nav {
    margin-top: 0;
  }
  ul.nav.navbar-nav li {
    padding: 0 18px 1px 0;
  }
  ul.nav.navbar-nav li a {
    border: none;
  }
  .navbar-header {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    padding: 0;
  }
}
/* TABLET */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .nav > li > a {
    padding: 10px 12px !important;
  }
  ul.nav.navbar-nav {
    margin-top: 200px;
  }
  .homepagethumb {
    margin-bottom: 31px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .hidden-tablet {
    display: none !important;
  }
}
/* PHONE */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  [class*=col] {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }
  .navbar-brand > img {
    width: 135px;
  }
  .navbar-header {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    padding: 0;
  }
  ul.nav.navbar-nav {
    margin-top: 0;
  }
  ul.nav.navbar-nav li {
    padding: 0 18px 1px 0;
  }
  ul.nav.navbar-nav li a {
    border: none;
  }
  img {
    max-width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  .homepagethumb img {
    max-width: 137px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .col-xs-6.homepagethumb {
    width: 25%;
  }
  .col-xs-6.homepagethumb img {
    max-width: 127px;
  }
}
@media only screen and (max-width: 480px) and (orientation: landscape) {
  .col-xs-6.homepagethumb img {
    max-width: 100px !important;
  }
}
/*# sourceMappingURL=style.css.map */