/* TYP COLORS */
/* BG-COLORS */
/* BUTTON COLORS */
/* BORDER COLORS */
/* MENU.OPENER */
.menu.opener .oLinkA {
  color: #8b8b8b;
  font-size: 18px;
  font-weight: 700;
  -moz-transition: color 0.3s, font-weight 0.3s;
  -o-transition: color 0.3s, font-weight 0.3s;
  -webkit-transition: color 0.3s, font-weight 0.3s;
  transition: color 0.3s, font-weight 0.3s;
}
.menu.opener .oLinkB {
  color: #bababa;
  font-size: 16px;
  font-weight: 500;
  -moz-transition: color 0.3s, font-weight 0.3s;
  -o-transition: color 0.3s, font-weight 0.3s;
  -webkit-transition: color 0.3s, font-weight 0.3s;
  transition: color 0.3s, font-weight 0.3s;
}

@media all and (max-width: 767px) {
  .menu.opener .oLinkA {
    color: #bababa;
    font-size: 16px;
    font-family: 'RobotoSlab';
    font-weight: 500;
    letter-spacing: 3px;
  }
  .menu.opener .oLinkB {
    font-size: 16px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .menu.opener .oLinkA {
    color: #bababa;
    font-size: 30px;
    font-family: 'RobotoSlab';
    font-weight: 500;
    letter-spacing: 3px;
  }
  .menu.opener .oLinkB {
    font-size: 24px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  .menu.opener .oLinkA {
    font-size: 16px;
  }
  .menu.opener .oLinkB {
    font-size: 15px;
  }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
}
@media all and (min-width: 1400px) and (max-width: 1639px) {
  .menu.opener .oLinkB {
    font-size: 17px;
  }
}