main {color: #eee; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; line-height: 1em;}
h1 {color: #eee; font-size: 4em; line-height: 1em;}
h2 {color: #eee; font-size: 3em; line-height: 1em;}
h3 {color: #eee; font-size: 2em; line-height: 1em;}
h4 {color: #eee; font-size: 1.5em; line-height: 1em;}
p {color: #eee; font-size: 1em; line-height: 1.25em;}
sup {font-size: 0.5em; line-height: 1em;}
ul {margin: 0 1.75em; padding: 0;}
ul li {margin: 0.1em 0; padding: 0; line-height: 1.5em;}
main img {display: block; margin: auto; max-width: 100%;}

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

p {margin: 0 0 1em;}
p:last-child {margin-bottom: 0;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.italic {font-style: italic;}
.bold {font-weight: 700;}
.semibold {font-weight: 600;}
.medium {font-weight: 500;}
.normal {font-weight: 400;}
.light {font-weight: 300;}

.lc {text-transform: lowercase;}
.uc {text-transform: uppercase;}

.white {color: #FFFFFF;}
.black {color: #000000;}
.blue {color: #00afee;}
.green {color: #76b900;}

.both {clear: both;}

.message {font-size: 1em;}

.section-bg {padding: 2em; border-bottom: none;}
.mcontainer {max-width: 1280px;}
.row {margin: 0 -1em 1em;}
.row:last-child {margin-bottom: 0;}
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {padding-left: 1em; padding-right: 1em;}

.back-to-top {display: none; width: 32px; height: 32px; position: fixed; top: 32px; right: 32px; cursor: pointer; z-index: 9999;}

.header-bg {padding: 0;}

.intro-bg p {font-size: 1.5em;}
.intro-bg .terms {font-size: 0.9em;}

.features-bg h3 {position: absolute; top: 15%; width: 75%; left: 50%; margin-left: -37.5%;}

.products-bg .learnmore {padding: 0.75em 1em; background-color: #76b900; color: #ffffff; display: inline-block; text-decoration: none; font-weight: bold; text-transform: uppercase; margin-top: 0.5em;}
.products-bg p {margin: 0.5em 0 0; font-size: 1em;}
.products-bg ul {display: inline-block; margin: 0; padding: 0; list-style: none;}
.products-bg li {display: inline-block; margin-right: 1em; font-weight: 300;}

ul.rules {list-style: none; margin: 0 1em;}

.rules-bg h2 {padding-bottom: 1em; }
.terms-box {background-color: #000; border: 1px solid #777; color: #777; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9rem; margin: 0 auto; overflow-y: scroll; padding: 15px; max-width: 100%; height: 350px;}
.terms-box .terms-nobullet {list-style: none;}
.terms-box .terms-nomarginleft {margin-left: 0;}
.terms-heading {display: block; font-weight: bold; margin-top: 20px; margin-bottom: 0 !important; text-decoration: underline;}
.terms-heading:first-child {margin-top: 0;}
.terms-box p:last-child {margin-bottom: 0;}

@media (max-width: 850px)
{
  main {font-size: 12px;}
  h1 {font-size: 2em;}
  h2 {font-size: 1.75em;}
  h3 {font-size: 1.5em;}
  h4 {font-size: 1.25em;}
  p {font-size: 1em;}
  
  .section-bg {padding: 1em;}
  .row {margin-bottom: 1em;}
  
  .intro-bg th {text-align: center;}
  .intro-bg h1 {font-size: 4em; letter-spacing: 0; margin-right: 0;}
  .intro-bg h2 {font-size: 2.5em;}
  .intro-bg h3 {font-size: 1.5em;}
  
  .column-arrow {display: none;}
  .column-highlights {display: none;}
  .column-visuals {position: relative; z-index: 0;}
}