.topcolumns {
  float: left;
}

.topheader {
  color: #ffffff;
  font-style: normal;
  text-align: center;
  padding: 0 0 5px;
}

#topten {
  background-color: #616163;
  width: 100%;
  padding: 1.2em 0;
  float: left;
}

#topten li {
  text-align: center;
  padding: 0 0 3px;
}

#topten li a:link, #topten li a:visited {
  color: #dddcde;
  text-decoration: none;
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
}

#topten li a:hover {
  color: #444b49;
}


/* Homepage picswrapper padding START */
#topten {
  background-color: #FFF;
}
.topheader {
  color: #a19f9f;
}
#topten li a:link, #topten li a:visited {
  color: #a19f9f;
}
#topten li a:hover {
  color: #444b49;
}
#description {
  background-color: #FFF;
}
#description h1 {
  color: #a19f9f;
}
#description p {
  color: #a19f9f;
}



/* Homepage picswrapper padding END */

/* header nav responsive */

@media (min-width: 500px) and (max-width: 767px) {

.topcolumns {
  width: 50%;
  padding: 0 0 20px;
}

.topheader {
  font-size: 20px;
}

#topten li a:link, #topten li a:visited {
  font-size: 13px;
}

ul.prodlist li {
  width: 50%;
}

}

@media (min-width: 768px) and (max-width: 1023px) {

.topcolumns {
  width: 25%;
  padding: 0 0 20px;
}

.topheader {
  font-size: 20px;
}

#topten li a:link, #topten li a:visited {
  font-size: 13px;
}

}

@media (min-width: 1024px) and (max-width: 1720px) {

.topcolumns {
  width: 25%;
}

.topheader {
  font-size: 26px;
}

#topten li a:link, #topten li a:visited {
  font-size: 16px;
}

}

@media (min-width: 1720px) and (max-width: 2660px) {

.topcolumns {
  width: 25%;
}

.topheader {
  font-size: 32px;
}

#topten li a:link, #topten li a:visited {
  font-size: 20px;
}

}