* {
  margin: 0;
  padding: 0; }

html, body {
  margin: 0;
  padding: 0;
  background-color: #333; }

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-align: center; }
  body .hide {
    display: none !important; }

article {
  background-color: #0c2f4d; }
  article header {
    display: block;
    padding: 10px 0;
    background-color: #2c72ac; }
    article header h1 {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: url("../images/cartitans/Logo.png") no-repeat center center;
      background-size: auto 50px;
      display: block;
      padding: 0;
      margin: 0;
      height: 50px;
      color: #fff;
      font-weight: 300;
      font-size: 230%; }
  article section.games {
    padding: 20px 10px 10px 10px;
    background-color: #0c2f4d; }
    article section.games ul {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin: 0 0 0 -4%;
      padding: 0;
      list-style: none; }
      article section.games ul li {
        display: -moz-inline-box;
        -moz-box-orient: vertical;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *vertical-align: auto;
        width: 45%;
        margin: 0 0 4% 4%; }
        article section.games ul li a {
          color: white;
          text-decoration: none; }
        article section.games ul li img {
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          border: 1px solid #21485c;
          width: 100%;
          padding: 5px; }
        article section.games ul li span {
          display: block;
          width: 100%;
          margin-top: 2px;
          overflow: hidden;
          white-space: nowrap; }

footer {
  display: block;
  padding: 20px 0; }
  footer a, footer {
    color: #fff; }
  footer a {
    text-decoration: underline; }
  footer p {
    margin-bottom: 10px; }

article header {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 15px 0 0 0;
  background: url("../images/cartitans/header_bg.png") repeat 0 0;
  height: 84px; }
  article header h1 {
    background-size: 200px auto; }
article section.games {
  background: #0c2f4d url("../images/cartitans/content_bg.jpg") repeat-x 0 0; }

@media only screen and (min-width: 480px) {
  article section.games ul {
    margin-left: -2%; }
    article section.games ul li {
      width: 31%;
      margin: 0 0 2% 2%; } }
@media only screen and (min-width: 641px) {
  article section.games ul {
    margin-left: -2%; }
    article section.games ul li {
      width: 22%;
      margin: 0 0 2% 2%; }
      article section.games ul li span {
        margin-top: 5px;
        font-size: 110%; } }
@media only screen and (min-width: 961px) {
  article header h1 {
    height: 80px;
    font-size: 400%;
    background-size: auto 80px; }
  article section.games {
    margin-left: -20px; }
    article section.games ul {
      max-width: 990px;
      margin: 0 auto; }
      article section.games ul li {
        width: 160px;
        margin: 0 0 20px 20px; }
        article section.games ul li span {
          font-size: 120%; } }
@media only screen and (min-width: 961px) {
  article header {
    padding-top: 0; }
    article header h1 {
      height: 80px;
      font-size: 400%;
      background-size: 300px auto; } }