.main {font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #000; line-height: 1.25em;}
.main img {max-width: 100%; vertical-align: top;}

.main h1, .main h2, .main p {margin-bottom: 1em; line-height: 1.25em; color: #000;}
.main h1:last-child, .main h2:last-child, .main p:last-child {margin-bottom: 0;}
.main a {color: #000;}

.section-bg {padding: 0; border-bottom: none;}
.mcontainer {max-width: 1280px; background-color: #d1c07a; padding: 1em 0; border-left: 1px solid #bea541; border-right: 1px solid #bea541;}
.row {margin-left: 0; margin-right: 0; padding-bottom: 1em;}
.row:last-child {padding-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;}

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

.both {clear: both;}

.main .message {padding: 1em; background-color: #52783a;}

.header-bg .mcontainer {padding: 0; max-width: 100%; border-bottom: 1px solid #000; border-left: none; border-right: none;}
.header-bg .column-12 {padding: 0;}

.column-header {padding: 1em; background-color: #649247; border-top: 1px solid #bea541; border-bottom: 1px solid #bea541; text-transform: uppercase;}

.intro-bg .column-9 {display: block; width: auto; float: none; overflow: hidden;}
.intro-bg .column-3 {display: block; width: 232px; float: right; margin-bottom: 0.5em;}
.social img {margin-right: 10px; width: 50px; height: 50px; vertical-align: middle;}
.social a {background: #fff; border: 1px solid #06abc7; color: #06abc7; display: block; font-weight: 700; text-decoration: none;}
.social a:hover {color: #00729b;}

.prize-bg .row {padding-bottom: 0;}
.prize-bg table {margin: 0 auto;}
.prize-bg th {padding: 0.5em; text-align: center; font-weight: bold; background-color: #52783a;}
.prize-bg td {padding: 0.5em 0.5em 0; text-align: center;}
.prize-bg img {border: 1px solid #bea541; background-color: #52783a;}
.prize-bg .column-6, .prize-bg .column-4 {border-bottom: 2px solid #bea541; padding: 0.5em;}
.prize-bg .column-6:first-child, .prize-bg .column-4:first-child {border-right: 1px solid #bea541;}
.prize-bg .column-6:last-child, .prize-bg .column-4:last-child {border-left: 1px solid #bea541;}
.prize-bg .column-4:nth-child(2) {border-left: 1px solid #bea541; border-right: 1px solid #bea541;}
.prize-bg .winner {color: #608000; font-weight: bold; padding-bottom: 0.25em; font-size: 1.25em; text-align: center;}

.terms-box {font-size: 0.9em; font-weight: 400; width: 800px; max-width: 100%; height: 240px; margin-left: auto; margin-right: auto; overflow-y: auto; border: 1px solid #bea541; padding: 1em; background-color: #b8b094;}
.terms-box p {color: #000;}
.terms-heading {text-decoration: underline; text-transform: uppercase; font-weight: 700;}

@media (max-width: 850px)
{
  .main {font-size: 14px;}
  .main h1, .main h2, .main p {margin-bottom: 0.5em;}
  .mcontainer {padding: 0.5em 0;}
  .row {padding-bottom: 0.5em;}
  .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: 0.5em; padding-right: 0.5em;}
  .main .message {padding: 0.5em;}
  .column-header {padding: 0.5em;}
  .prize-list li {padding: 0.5em;}
  .intro-bg .column-9 {width: 100%;}
  .intro-bg .column-3 {width: 200px; float: none; margin-left: auto; margin-right: auto;}
  .terms-box {padding: 0.5em;}
}