#WW-eyebrow-component {
	margin: 0 auto; 
	text-align: center;
	color: #ffffff;
	padding: 6px 0;
	width: 100%;
	font-weight: normal;
	font-family: 'Futura W01 Book', Arial, Verdana, sans-serif;
}

.eyebrow-link {
  text-decoration : none;
  color           : #ffffff;
}

a:hover, a:focus, a:active {
  text-decoration : none;
  color           : inherit;
}

.eyebrow-lg-text {
  font-size : 28px;
}

.eyebrow-md-text {
  font-size : 20px;
}

.eyebrow-sm-text {
  font-size : 14px;
}

.text-italic-small {
  font-style : italic;
  font-size  : 16px;
}

.text-italic-med {
  font-style : italic;
  font-size  : 18px;
}

.text-buffer {
  margin-right : 5px;
  margin-left  : 8px;
}

.buffer-left {
  margin-left : 12px;
}

.buffer-right {
  margin-right : 12px;
}

.arrow-eyebrow {
  font-size    : 14px;
  margin-left  : 5px;
  margin-right : 5px;
}

/* Screens that are 1024px or more */
@media screen and (min-width : 1024px) {
  .text-buffer {
    margin-right : 10px;
    margin-left  : 10px;
  }
}

/* Screens that are 768px or less */
@media screen and (max-width : 768px) {
  .eyebrow-lg-text {
    font-size : 24px;
  }

  .eyebrow-md-text {
    font-size : 17px;
  }

  .text-buffer {
    margin-right : 10px;
    margin-left  : 10px;
  }

  .buffer-left {
    margin-left : 3px;
  }

  .buffer-right {
    margin-right : 5px;
  }

}

/* Screens that are 420px or less */
@media screen and (max-width : 420px) {
  .mobi-hide {
    display : none;
  }

}