main {background-color: #000000; font-family: 'Lato', sans-serif; font-size: 16px;}
main h1 {font-size: 4em;}
main h2 {font-size: 3em; line-height: 1em;}
main h3 {font-size: 2em;}
main h4 {font-size: 1em;}
main p {font-size: 1em;}
main img {max-width: 100%; vertical-align: top;}
main sup {font-size: 0.5em; line-height: 1em;}

section {padding: 0 1em 1em;}
section:last-child {padding-bottom: 0;}
.mcontainer {max-width: 1024px;}
.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;}

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

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

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}

.green {color: #77b900;}

.products-bg a {display: inline-block; margin-top: 0.5em; padding: 0.5em 1em; background-color: #77b900; color: #FFFFFF; font-weight: 600; text-transform: uppercase;}

@media (max-width: 850px)
{
  main {font-size: 12px;}
}