.topics {
  margin: 0 auto;
  position: relative;
  text-align: center;
  background: url("/assets/front-image.jpg") 0 0 no-repeat;
  border-radius: 10px;
  max-width: 1000px;
  -moz-border-radius: 10px; }
  .topics .tagline {
    color: white;
    font-size: 200%;
    margin-bottom: 40px;
    font-weight: bold; }
  .topics .topic-buttons {
    margin: 0 auto;
    text-align: center; }
    .topics .topic-buttons .topic-box {
      float: left;
      text-align: center;
      width: 33%;
      margin: 0; }
      .topics .topic-buttons .topic-box img {
        display: block;
        margin: 10px auto;
        width: 80%; }
      .topics .topic-buttons .topic-box .topic {
        text-transform: uppercase;
        font-size: 110%; }
      .topics .topic-buttons .topic-box a {
        color: white; }
      .topics .topic-buttons .topic-box a:hover {
        color: inherit; }