h1 {
 color: #430177;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 24px;
}

p, ul, li {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10pt;
}

li { margin-left: 15px; }

h2 {
 color: #B0B0B0;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 10pt;
 padding-bottom: 10pt;
}

h4 {
  color: #430177; 
  font-size: 18pt;
  line-height: 18pt;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  padding-top: 4px;
  margin: 0;
  text-align: center;
}

img#backg {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: 100%;
}

#client-backdrop {
 width: 100%;
 padding-top: 30px;
 background-image: url('images/bg.gif'); 
 background-size: cover;
}

#clients-container {
 width: 800px;
 margin: auto;
 overflow: hidden;
}

@media screen and (max-width: 800px) {
  #clients-container { width: 640px; }
}
@media screen and (max-width: 640px) {
  #clients-container { width: 480px; }
}
@media screen and (max-width: 480px) {
  #clients-container { width: 320px; }
}
@media screen and (max-width: 300px) {
  img.listpic { width: 140px; }
}