.pb-entry {
	width:100%;
	height:300px;
	margin:20px 0;
	padding:0;
	position:relative;
	z-index:7;
	overflow:hidden;
	}
.title-wrap {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	display: flex;
	display: -webkit-flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	justify-content:center;
	-webkit-justify-content:center;
	}
.pb-title {
	background:rgba(245,210,0,.7);
	color:#fff;
	text-shadow:1px 1px 1px #222;
	font-size:32px;
	letter-spacing:2px;
	font-family: 'Bangers', sans-serif;
	line-height:120%;
	font-weight:700;
	}
.pb-entry:hover .pb-title {background:rgba(245,210,0,.95);}
.pb-entry:hover .pb-title.one {padding:50% 20px;}
body .pb-title a,
body .pb-title a:hover,
body#lawn .pb-title a:hover {
	display:block;
	color:#fff;
	padding:20px;
	}
	
/* Wobble Vertical */
@keyframes wobble-vertical {
  16.65% {transform: translateY(18px);}
  33% {transform: translateY(-16px);}
  49% {transform: translateY(14px);}
  66% {transform: translateY(-12px);}
  83% {transform: translateY(11px);}
  100% {transform: translateY(0);}
}
	
.pb-entry:hover .pb-title.two {
	animation-name: wobble-vertical;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	}
	
/* Pulse Shrink */
@keyframes pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
	
.pb-entry:hover .pb-title.three {
	animation-name: pulse-shrink;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	}
	
	
@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 680px) {
	.pb-title {font-size:24px;}
}