/* Layout */
#main-wrapper {
  background: #383d42;
  color: #cbd2d9;
}

#content {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#542f3c+0,383d42+20,383d42+100 */
    background: #383d42; /* Old browsers */
    background: -moz-linear-gradient(top,  #542f3c 0%, #383d42 15%, #383d42 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #542f3c 0%,#383d42 15%,#383d42 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #542f3c 0%,#383d42 15%,#383d42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#542f3c', endColorstr='#383d42',GradientType=0 ); /* IE6-9 */
}

h1, h2, h3 {color: #fff;}

.families article h2 {
  font-size: 140%;
  line-height: 1.2em;
} 

article ul.product-list img {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


/************************ DESKTOP ************************/
@media screen and (min-width:990px){

article ul li {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 20px 0;
  height: 265px;
  width: 200px;
}

article ul li:hover {
  background-color: #1C1E21;
}

article h2,
article ul li p,
article ul li a.pdf {
  font-size: 12px;
  line-height: 1.3em; 
  font-weight: normal;
  display: block;
}

article ul.product-list li:hover {
  color: #000;
}

article a.pdf {
  padding-left: 32px;
  padding-top: 10px;
  height: 32px;
  background-image: url('/images/layout/icon-download.png');
  background-repeat: no-repeat;
  background-position: -3px 0;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
}

}