html {
  height: 100%;
}

body {
  height: 100%;
  background-color: white;
  display: table;
  width: 100%;
}

footer {
  display: table-row;
  height: 4em;
}

.barrier {
  margin-top: 4em;
}

.navbar {
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ebebeb 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ebebeb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffebebeb', GradientType=0);
}

.middle {
  text-align: justify;
}

.navbar-text {
  margin-right: 20%;
}

.img-thumbnail {
  background-color: none;
  box-shadow: none;
  border: none;
}

.img-category {
  position: static;
}

.img-category .category-hover {
  visibility: hidden;
  position: absolute;
  background-color: black;
  margin-top: 5px;
  margin-left: 5px;
  padding: 20px;
  color: white;
  font-size: 2em;
  font-family: verdana, sans-serif;
  font-style: italic;
}

.img-category:hover .category-hover {
  visibility: visible;
}

a p.detail-link, a:hover p.detail-link, a:visited p.detail-link, a:focus p.detail-link {
  text-decoration: none;
  text-align: center;
  color: black;
}

.btn-primary {
  background-color: white;
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  border-color: #AAA;
  color: #555;
}

.btn-primary:focus, .btn-primary:hover {
  background-color: white;
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ebebeb 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #ebebeb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffebebeb', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  border-color: #AAA;
  color: #555;
}