/* mixin for multiline */
/*
Media query mixin
 */
.contentColumn {
  text-transform: uppercase;
  color: #434343;
  font-size: 12px;
  font-weight: 500;
  font-family: "brandon-grotesque", sans-serif; }
  .contentColumn.-active {
    color: #f4a71c;
    font-weight: 700; }
  .contentColumn__text {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: 18px; font-size:15px }

@media (min-width: 992px) {
  .contentColumn {
    width: 100%; }
    .contentColumn.-active {
      border-left: 1px solid #f4a71c;
      padding-left: 35px px; }
    .contentColumn__text {
      padding: 9px 0px 9px 18px;
      display: inline-block; }
    .contentColumn:hover {
      background-color: rgba(51, 153, 255, 0.2); } }

@media (max-width: 991px) {
  .contentColumn {
    width: 100%; }
    .contentColumn__text {
      line-height: 50px; }
    .contentColumn.-active {
      color: #f4a71c;
      border-left: 0 transparent;
      border-bottom: 6px solid #f4a71c; } }