.main {font-family: 'Open Sans', sans-serif;font-size: 16px; line-height: 1;text-shadow: 1px 1px 2px #000000;}
.main a, .main a:hover {color: #76b900;}
.section-bg {border:none; margin: 0; padding: 0;}
.mcontainer {padding: 1em;}
.column-4, .column-12 {padding: 0;}

h1, h2, h3, h4, p {margin: 0;padding:0;}

span.green {color: #77b900;}

.header-bg {background: url('images/header/header.jpg') no-repeat center top; background-size: auto 100%; width: 1600px; height: 500px; margin: 0 auto;}

.intro-section h1 {color: #76B900; font-size: 4em; margin-bottom: 0; text-align: center; text-transform: uppercase;}
.intro-section h3 {font-size: 1.25em; font-weight: 400; text-align: center; margin-top: 1em;}
.intro-section p {font-size: 1.25em; font-weight: 400; text-align: center; margin-top: 1em;}
.intro-section .tc {color: #777; margin-bottom: 50px;}

.column-4 {margin-top:5%;}

.extraordinary-section .mcontainer {background: url('images/extraordinary_bg.jpg') no-repeat center top; min-height: 476px; border-top: 1px solid #777; position: relative;}
.extraordinary-section h2 {color: #76B900; text-transform: uppercase; font-size: 2.5em; font-weight: 400;}
.extraordinary-section p {font-size: 1em; line-height: 1.75; margin-top: 0.5em;}
.extraordinary-section .logo {position: absolute; bottom: 9%; right: 22%;}

.esports-section .mcontainer {background: url('images/esports_bg.jpg') no-repeat center top; min-height: 481px; border-top: 1px solid #777;}
.esports-section h2 {color: #76B900; text-transform: uppercase; font-size: 2.5em; font-weight: 400;}
.esports-section p {font-size: 1em; line-height: 1.75; margin-top: 0.5em;}

.vr-section .mcontainer {background: url('images/vr_bg.jpg') no-repeat center top; min-height: 480px; border-top: 1px solid #777; border-bottom: 1px solid #777; position: relative;}
.vr-section h2 {color: #76B900; text-transform: uppercase; font-size: 2.5em; font-weight: 400;}
.vr-section p {font-size: 1em; line-height: 1.75; margin-bottom: 1em; margin-top: 0.5em;}
.vr-section .logo {position: absolute; bottom: 9%; right: 22%;}

.choose-section h2 {color: #76B900; font-size: 3em; margin-bottom: 0; text-align: center; text-transform: uppercase;}
.choose-section h3 {color: #76b900;}
.choose-section p {font-size: 1em; margin-bottom: 40px; text-align: center; margin-top:0.5em;}
.choose-box {text-align: center;}
.choose-card {margin: 0 auto 10px; overflow: hidden;}
.choose-image {float: left; position: relative; margin: 0 20px 10px 0;}
.choose-image h3 {font-size: 13px; position: absolute; top: 3px; left: 0; width: 203px;}
.choose-eligible {text-align: left;}
.choose-eligible h3 {font-size: 13px; margin: 0; text-align: left;}
.choose-eligible h3 a {float: right; margin-left: 10px;}
.choose-eligible ul {list-style: none; margin: 5px auto; padding: 5px 10px; border: 1px dotted #76b900; border-radius: 4px; min-height: 94px; overflow: hidden;}
.choose-eligible ul li {display: inline-block; margin: 1px 10px; font-size: 14px; line-height: 1.3;}

.terms-container {overflow: hidden; max-width: 640px; margin: 0 auto; }
p.terms {color: #8B8B8B; font-size: 10px; margin: 0 0 10px; text-align: left; line-height: 1.5;}

.logos {margin-bottom: 20px; text-align: center;}
.logos img {margin: 0 20px; vertical-align: middle;}
.logos-small {float: left; margin-right: 5px; width: 25px;}

.footer-banner {margin-top: 20px; text-align: center;}
.footer-banner img {max-width: 100%;}

@media (max-width: 850px)
{
  .game-item {border-right: none;}
  .choose-image {display: inline-block; float: none;}
  .choose-eligible ul {text-align: center;}

  .column-4 {width: 41.66666666666667%;}
  .column-offset-1 {margin-left: 8.333333333333332%;}
  .column-offset-7 {margin-left: 58.333333333333336%;}
}
@media (max-width: 767px)
{
  .mcontainer {padding: 0.5em;}
  .column-4 {width: 100%;margin-top:45%;}
  .column-offset-1 {margin-left: 0;}
  .column-offset-7 {margin-left: 0;}
  .intro-section h1 {font-size: 3em;}
  .intro-section h3, .intro-section p {font-size:1em;}
  .extraordinary-section h2, .esports-section h2, .vr-section h2, .choose-section h2 {font-size:2em;}
  .extraordinary-section p, .esports-section p, .vr-section p {font-size:1em;}
  
  .extraordinary-section .column-4 {margin: 10% auto auto 0; width: 66%;}
  
  .esports-section .column-4 {margin: 10% 0 auto auto; width: 66%;}
  .esports-section h2, .esports-section p {text-align: right;}
  
  .vr-section .column-4 {margin: 10% auto auto 0; width: 66%;}
  
  .choose-eligible ul {clear: both;}
}