* {
  font-family: "Muli", sans-serif; }

html {
  font: "Muli", sans-serif 125%/1.5 "Muli", sans-serif;
  -webkit-overflow-scrolling: touch;
  background-color: #000000; }

body {
  color: #F4EC89;
  margin: 0; }

/*
::-moz-selection {
    background-color: $body-selection-background-color;
    color: $body-selection-color;
    text-shadow: $body-selection-text-shadow;
}

::selection {
    background-color: $body-selection-background-color;
    color: $body-selection-color;
    text-shadow: $body-selection-text-shadow;
}*/
/*
    -----
    Components: Brand
    -----
*/
.c-brand {
  content: '';
  display: block;
  height: 170px;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../img/svg/TR-logo-beta-lg.svg);
  text-indent: -99999px;
  width: 130px;
  background-size: contain; }
  @media screen and (max-width: 680px) {
    .c-brand {
      background-image: url(../img/svg/TR-logo-beta-lg.svg);
      height: 120px;
      width: 70px; } }

/*
    -----
    Components: Rows
    -----
*/
.c-row {
  padding: 60px 100px; }
  @media screen and (max-width: 680px) {
    .c-row {
      padding: 40px; } }
  @media screen and (max-width: 400px) {
    .c-row {
      padding: 40px 25px; } }

/*
    -----
    Components: Typography
    -----
*/
.c-typo-intro {
  font-size: 40px;
  line-height: 1.2; }
  @media screen and (max-width: 680px) {
    .c-typo-intro {
      font-size: 30px; } }

.c-typo-sm {
  margin-top: 4em;
  font-size: 16px; }

p {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.25em;
  line-height: 1.3; }

strong {
  color: #FFEB00; }

/*
    -----
    Comonents: Links
    -----
*/
a {
  font-weight: bold; }
  a, a:visited, a:focus, a:active {
    text-decoration: underline;
    color: #FFEB00; }
  a:hover {
    color: #FFEB00;
    text-decoration: none; }

/*
    -----
    Components: Content
    -----
*/
.c-content {
  margin-left: auto; }
  @media screen and (max-width: 920px) {
    .c-content {
      margin-left: 0; } }

/*
    -----
    Components: grid
    -----
*/
.c-grid {
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 120px; }
  @media screen and (max-width: 920px) {
    .c-grid {
      display: block; } }

/*
    -----
    Utilities: Widths
    -----
*/
.u-max-width-sm, .c-content {
  max-width: 40em; }

/*
    -----
    Objects: Container
    -----
*/
.o-container {
  max-width: 1200px; }