.fox-specials-ribbon__wrapper {
  position: absolute;
  z-index: 1;
  transform: rotate(-40deg);
  width: 20rem;
  left: -6rem;
  top: 2.5rem;
  padding: 0;
}

.fox-specials-text {
	display: block;
	margin: auto;
}

.fox-specials-ribbon {
	text-align: center;
	padding: 0.25rem;
	line-height: 1;
	font-size: 0.8em;
}

.two-column-header .fox-specials-ribbon__wrapper {
	z-index: 10;
}

.fox-specials-ribbon__wrapper.ribbon__top-right {
  left: initial;
  transform: rotate(40deg);
  right: -6.5rem;
}

.fox-specials-ribbon__wrapper.ribbon__top-above {
  width: auto;
  margin: 0 0.25rem 0.5rem 0.25rem;
  left: 0rem;
  top: 0rem;
  position: relative;
  transform: rotate(0);
}

@media screen and (min-width: 880px) {
  .fox-specials-ribbon__wrapper {
		left: -3rem;
		top: 4rem;
	}

	.vdp .fox-specials-ribbon__wrapper {
		left: -5rem;
		top: 3.5rem;
	}

	.fox-specials-ribbon__wrapper.ribbon__top-right {
		left: auto;
    right: -5rem;
	}

  .fox-specials-text {
		width: 15em;
	}

	.vdp.fox-specials-text {
		width: 8em;
	}

	.ribbon__top-above .vdp.fox-specials-text {
		width: auto;
	}

  .fox-specials-ribbon__wrapper.ribbon__top-above {
    left: 0;
    top: 0;
  }
}