h1 {
  font-family: 'Avenir Next Thin';
  line-height: 1.2;
  color: #398b6c;
  text-align: center;
  padding: 20px 0;
}
hr {
  border: 0px;
  border-bottom: 1px solid #eee;
}
hr#foot {
  margin-bottom: 20px;
}
#products>div {
  width: 45.8%;
  display: inline-block;
  vertical-align: top;
  padding: 2%;
  height: 230px;
  transition: all 0.3s ease-out;
  position: relative;
}
#products>div:hover {
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}
#products>div h2 {
  padding: 0px 0px;
}
#products>div button,
#products>div a.button {
  position: absolute;
  bottom: 20px;
  background: #398b6c;
  border-radius: 4px;
  border: 0px;
  font-size: 20px;
  padding: 8px 0;
  text-align: center;
  cursor: pointer;
  color: #fff;
  min-width: 250px;
  font-family: 'Avenir Next Thin';
  outline: none;
}
#products>div button:active,
#products>div a.button:active {
  box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
}
#products #privatebrowsing {
  background: url("https://s3.amazonaws.com/images.disconnect.me/images/octopus/disconnect-extension-screenshot-r.png") no-repeat 282px 260px;
  background-size: 183px;
}
#products #privatebrowsing:hover {
  background-position: 282px 160px;
}
#products #privatebrowsing h2 {
  background: url("https://s3.amazonaws.com/images.disconnect.me/images/d2/counter.png") no-repeat -7px -4px;
  background-size: 35px;
  padding-left: 30px;
}
#products #privatesearch {
  background: url("https://s3.amazonaws.com/images.disconnect.me/images/octopus/search-extension-screenshot.png") no-repeat 282px 270px;
  background-size: 183px;
}
#products #privatesearch:hover {
  background-position: 282px 160px;
}
#products #privatesearch h2 {
  background: url("https://s3.amazonaws.com/images.disconnect.me/images/all-in-one/48.png") no-repeat 1px 5px;
  background-size: 22px;
  padding-left: 30px;
}
#products .available-for {
  border: 0px;
  background: #eee;
  padding: 0.5rem 0.5rem;
  margin-top: 1em;
}
#products .available-for a {
  color: #747474;
}
#products .available-for a:hover {
  color: #398b6c;
}
#products .available-for span {
  display: inline-block;
}
#products .available-for ul {
  margin: 0;
  float: right;
  list-style: none;
  display: inline-block;
}
#products .available-for ul li {
  display: inline-block;
  vertical-align: top;
}