@media all and (max-width: 480px) {
  body {
    background-image: url(../images/bg_main.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    body #contentHeading h1 {
      font-size: 36px; }
    body #contentHeading #nextWeekly {
      background-size: contain; }
    body #gameOffer .bigBox {
      max-width: 70%;
      margin: 0 auto; }
    body #gameOffer .smallBox {
      max-width: 70%;
      margin: 0 auto; }
    body #gameOffer #gameItem1 {
      max-width: 100%;
      height: auto; }
    body .kickoff {
      display: none; }
    body .kickoff_mb {
      display: block; }
  .smallCol, .largeCol {
    text-align: center;
    margin-bottom: 30px; }
  footer p {
    text-align: center; } }

/*---------------------------------*/
@media all and (min-width: 481px) and (max-width: 768px) {
  body {
    background-image: url(../images/bg_main.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    body #contentHeading h1 {
      font-size: 48px; }
    body #gameOffer .bigBox {
      max-width: 436px;
      margin: 0 auto; }
    body #gameOffer .smallBox {
      max-width: 425px;
      display: inline-block; }
    body #gameOffer #gameItem1 {
      max-width: 236px;
      height: 238px; }
    body .gameItem {
      float: left; }
    body .smallCol {
      float: left;
      max-width: 25%;
      text-align: left;
      margin-right: 40px; }
    body .security {
      margin: 20px 0px; }
    body .largeCol {
      float: left;
      max-width: 65%; }
    body .kickoff_mb {
      display: none; }
  footer p {
    text-align: left; } }

/*---------------------------------*/
@media all and (min-width: 769px) {
  body {
    background-image: url(../images/bg_main.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    body #contentHeading h1 {
      font-size: 48px; }
    body #gameOffer .bigBox {
      max-width: 436px;
      float: left; }
    body #gameOffer .smallBox {
      max-width: 185px;
      float: left; }
    body #gameOffer #gameItem1 {
      max-width: 236px;
      height: 238px; }
    body #gameOffer #gameItem2 {
      max-width: 180px;
      height: auto; }
    body .gameItem {
      float: left; }
    body .smallCol {
      float: left;
      max-width: 25%;
      text-align: left;
      margin-right: 40px; }
    body .security {
      margin: 20px 0px; }
    body .largeCol {
      float: left;
      max-width: 65%; }
    body footer p {
      text-align: left; }
    body .kickoff_mb {
      display: none; } }