.tag {
  position: absolute;
  top: 26px;
  left: 36px;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  z-index: 20; }
  @media (max-width: 1449px) {
    .tag {
      font-size: 13px; } }
  @media (max-width: 1249px) {
    .tag {
      left: 30px;
      top: 15px; } }
  @media (max-width: 767px) {
    .tag {
      top: 15px;
      left: 15px; 
    font-size: 12px;} }
  @media (max-width: 575px) {
    .tag {
      font-size: 10px;
      color: white; } }

.tag--bg {
  color: #fff; }

.tag--black {
  color: #fff;
  background-color: #231F20;
  height: 26px;
  padding: 0px 13px;
  display: flex;
  align-items: center;
  top: 21px; }
  @media (min-width: 1024px) {
    .tag--black:hover {
      background-color: #564F50;
      text-decoration: none; } }
  @media (max-width: 575px) {
    .tag--black {
      padding: 2px 7px;
      height: auto; } }

@media (min-width: 1024px) {
  .tag--nolink:hover {
    background-color: #231F20; } }

.tag--top17 {
  top: 17px; }
  @media (max-width: 575px) {
    .tag--top17 {
      left: 0;
      font-size: 10px;
      padding: 2px 7px;
      color: white !important;
      background-color: #231F20; } }

.tag--top21 {
  top: 21px; }
  @media (max-width: 575px) {
    .tag--top21 {
      top: 10px; } }

.tag--static {
  position: static;
  display: inline-flex; }

.tag--link {
  margin: 0px; }

.content a.tag.tag--link-top {
  margin: 0px;
  background-color: #231F20;
  padding: 0;
  border-width: 0px;
  color: #fff;
  height: 26px;
  padding: 0px 13px;
  display: flex;
  align-items: center;
  top: 21px;
  display: inline-flex; }
  @media (min-width: 1024px) {
    .content a.tag.tag--link-top:hover {
      background-color: #343031; } }

.tag--h2 {
  margin-bottom: 15px;
  margin-top: 35px;
  margin-left: 36px; }
  @media (min-width: 1024px) {
    .tag--h2:hover {
      background-color: #231F20; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .tag--h2:hover:hover {
      background-color: #343031; } }
  @media (max-width: 1249px) {
    .tag--h2 {
      margin-left: 20px; } }
  @media (max-width: 575px) {
    .tag--h2 {
      margin-left: 0px; } }

.tag--20 {
  margin-top: 20px; }

h2.tag--h2 {
  text-transform: none; }

@media (max-width: 575px) {
  .tag--simple {
    left: 0;
    padding: 2px 7px;
    background-color: #343031;
    color: #fff; } }