#headline {
	background: #ffffff;
	text-align: center;
	font-family: 'abc-whyte';
  letter-spacing: -0.0267em;
  padding: 140px 120px;
}

#headline h3 {
	margin-top: 0;
	margin-bottom: 0;
	opacity: 0;
}

#headline p {
  margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	background-image: url('../svgs/Gradient Strip.svg');
	color: #fff;
	padding: 0px 20px;
  background-size: cover;
  background-position: center center;
}

#headline h3,
#headline p {
	font-size: 30px;
}

#headline.been-viewed p,
#headline.been-viewed h3 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

#headline.been-viewed h3,
#headline.been-viewed p {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

#headline .mobile {
  display: none;
}

@media screen and (max-width: 700px) {
  #headline {
    padding: 50px 0;
  }

  #headline h3,
  #headline p {
    line-height: 1;
  }

  #headline h3.mobile {
    display: block;
  }

  #headline p.mobile {
    display: inline-block;
  }

  #headline .desktop {
    display: none;
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}