.containergreen {
  /*background-color: #56B548;*/
  color: White;
  background-size: contain;
  padding: 0;
}
.containergreen h2 {
    color: #000;
}
.containergreen td {
  color: black;
}

.racingbg {
  background: transparent url(../img/ourhorsesbg.jpg) no-repeat center bottom;
}

.content {
  overflow: hidden;
  text-align: center;
}

h2 {
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  .homepagemod {
    width: 400px;
    font-size: 0.9em;
  }

  .racing h1, .purchases h1 {
    font-size: 1.3em;
  }

  .winners h1 {
    background: #c8a2c8 url("../img/icon-winners.png") no-repeat 120px 6px;
  }

  .runners h1 {
    background: #c8a2c8 url("../img/icon-runners.png") no-repeat 100px 6px;
  }
}
@media only screen and (max-width: 650px) {
  table.racingtable td:nth-of-type(1):before {
    content: "Horse";
  }

  table.racingtable td:nth-of-type(2):before {
    content: "Date";
  }

  table.racingtable td:nth-of-type(3):before {
    content: "Race";
  }

  table.racingtable td:nth-of-type(4):before {
    content: "Weight";
  }

  table.racingtable td:nth-of-type(5):before {
    content: "Jockey";
  }

  table.runners td:nth-of-type(6):before {
    content: "Distance";
  }

  table.winners td:nth-of-type(6):before {
    content: "Margin";
  }
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
  .homepagemod {
    width: 100%;
    padding: 10px;
    font-size: 0.85em;
    height: auto;
    margin-bottom: 10px;
  }
  .homepagemod h1, .homepagemod th:nth-child(1), .homepagemod th:nth-child(2), .homepagemod th:nth-child(3) {
    background-image: none;
    padding-left: 6px;
  }
}