/* fonts */
/* colors */
html, body {
  background-color: #fff;
  font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
  position: relative; }

header {
  height: auto;
  background-color: #000; }
  header .brand {
    padding: 10px 0; }
  @media (max-width: 479px) {
    header {
      height: auto; }
      header .brand img {
        width: 20%; } }

h1, h2 {
  font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif; }

h1 {
  font-weight: normal; }

h2 {
  font-size: 2.25em; }

h3 {
  color: #2f353d; }

p {
  color: #2f353d;
  line-height: 1.5em;
  font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif; }

a {
  text-decoration: none; }

a.button.blue {
  color: #ffffff;
  background-color: #5865f5;
  display: inline-block;
  padding: 1em 1.5em;
  transition: all 0.3s ease;
  margin-top: 1em; }

a.button.blue:hover,
a.button.blue:focus {
  background-color: #3e59f2;
  transition: all 0.3s ease; }

a.button.orange {
  color: #ffffff;
  background-color: #dc3a1a;
  display: inline-block;
  padding: 1em 1.5em;
  transition: all 0.3s ease; }

a.button.orange:hover {
  background-color: #be3216;
  transition: all 0.3s ease; }

/* banner styles */
#banner img {
  width: 100%; }

/* main section styles */
main {
  background-color: #F1F5f9; }
  main section {
    text-align: center;
    padding: 3em 0; }
    main section .container {
      max-width: 1400px; }
  main img {
    display: block;
    max-width: 100%;
    margin: auto; }
  @media (min-width: 768px) {
    main img {
      max-width: 40%; } }

#products .row {
  overflow: hidden;
  padding: 3.5em 0; }
#products .model {
  padding: 0 1.5em; }
  #products .model h1 {
    font-size: 2em; }
  #products .model a {
    display: block;
    color: #2f353d; }
    #products .model a:hover {
      text-decoration: underline; }
#products .retailers {
  padding: 1em; }
  #products .retailers h2 {
    font-size: 1.25em;
    margin-top: 2em; }
  #products .retailers p {
    color: #747481; }
  #products .retailers table {
    display: inline-block;
    margin: 0 auto;
    line-height: 1.85em; }
    #products .retailers table th {
      border: solid 1px #ccc;
      background-color: #1f2024;
      color: #fff;
      font-weight: bold; }
    #products .retailers table td {
      padding: 0.5em;
      text-align: left;
      border: solid 1px #ccc;
      vertical-align: top; }
      #products .retailers table td:first-child {
        width: 30%;
        font-weight: bold; }
      #products .retailers table td:nth-child(2) {
        width: 70%;
        word-break: break-word; }

footer h1 {
  font-family: 'SST-Roman', Arial, sans-serif;
  color: #878792;
  font-weight: 400;
  font-size: 1.25em; }
footer #site-links {
  padding-top: 0.5em; }
footer #copyright-links {
  border-top: solid 1px #3c3c42;
  border-top: solid 1px #3c3c42;
  padding-top: 1em; }

/*# sourceMappingURL=main.css.map */