#single-post article .entry-content.entry-content--serp h1.page-title {
	text-align:center;
    margin-top: 12px;
    margin-bottom: 30px;
}

#single-post article .entry-content.entry-content--serp {
	/*max-width : 1000px;*/
	max-width : 100%;
}

#serp-display {
	padding-left: 15px;
	padding-right: 15px;
}

ul.serp-nav {
	list-style: none;
	padding-left:0;
}
ul.serp-nav li,
#back-to-navigation {
	cursor: pointer;
}

ul.serp-nav li.is-active-js, ul.serp-nav li:hover, #back-to-navigation:hover, #back-to-navigation .fa {
	color: #ffb733;
}

ul.serp-nav li img {
	width: 47px;
	height:auto;
}
#all-definitions {
	display: none;
}

@media screen and (max-width: 320px) {
	ul.serp-nav img {
		margin-right: 10px;
	}
	ul.serp-nav li {
		font-size: 15px;
	}
}

@media screen and (max-width: 999px) {
	/*Small Glass Nav Style*/
	ul.serp-nav li,
	#back-to-navigation {
		border: 1px solid #dedede;
		border-radius:2px;
		margin-bottom: 2px;
		vertical-align:middle;
		padding:8px 12px;
	}

	ul.serp-nav li img {
		width:24px;
		height:auto;
	}
}
@media screen and (min-width: 1000px) {

	#back-to-navigation {
		display: none;
	}

	ul.serp-nav {
		display:table;
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	ul.serp-nav li {
		cursor: pointer;
		display: table-cell;
		text-align:center;
	}
	ul.serp-nav li img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#serp-display #serp-screen-wrap {
		float: left;
		width: 50%;
		padding-right:15px;
	}

	#serp-display #serp-definitions {
		float:right;
		width: 50%;
	}
}

@media screen and (min-width: 1200px) {
	#serp-display #serp-screen-wrap {
		width: 70%;
	}

	#serp-display #serp-definitions {
		width: 30%;
	}
}

#serp-display #serp-screen {
	position: relative;
	display: block;
	border:2px solid #bebebe;
}

figure#serp-screen {
  position: relative;
  display: block;
}

figure#serp-screen img {
	width: 100%!important;
}

#serp-screen .figure-marker {
  border: 1px solid #bebec1;
  color: #ffb733;
  cursor: pointer;
  font-family: 'BodoniLT-PosterItalic', cursive;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#serp-screen .figure-marker.is-active-js {
  background: rgba(255, 183, 51, 0.1);
  border: 1px solid #ffb733;
}
#serp-screen .figure-marker span {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: bold;
}
/* Individual Marker Positions*/
#serp-screen.definitions-a #marker-1 { top: 14.5%; right: 1%; width: 40.5%; height: 38.5%;}
#serp-screen.definitions-a #marker-2 { top: 14.5%; left: 8%; width: 47%; height: 30.5%; }
#serp-screen.definitions-a #marker-3 { top: 46%; left: 8%; width: 47%; height: 10%; }
#serp-screen.definitions-a #marker-4 { top: 54%; right: 1%; width: 40.5%; height: 19.5%; }
#serp-screen.definitions-a #marker-5 { top: 57%; left: 8%; width: 47%; height: 16.5%; }
#serp-screen.definitions-a #marker-6 { top: 75%; left: 8%; width: 47%; height: 23.5%; }

#serp-screen.definitions-b #marker-1 { top: 18%; left: 8%; width: 52%; height: 20%;}
#serp-screen.definitions-b #marker-2 { top: 39%; left: 8%; width: 52%; height: 59%; }

#serp-screen.definitions-c #marker-1 { top: 17%; right: 1%; width: 40.5%; height: 52%; }
#serp-screen.definitions-c #marker-2 { top: 42%; left: 8%; width: 48%; height: 55%; }
#serp-screen.definitions-c #marker-3 { top: 18.5%; left: 8%; width: 48%; height: 23%; }

#serp-screen.definitions-d #marker-1 { top: 15%; left: 8%; width: 90%; height: 26%; }
#serp-screen.definitions-d #marker-2 { top: 42.5%; right: 1%; width: 40.5%; height: 55%; }
#serp-screen.definitions-d #marker-3 { top: 42.5%; left: 8%; width: 48%; height: 49%; }

#serp-screen.definitions-e #marker-1 { top: 15%; left: 10%; width: 48.5%; height: 83%; }

/* Definition Styling */
#serp-definitions h2.serp-definition-title {
    margin-left: 20px;
    font-size: 1.625rem;
    font-family: UniversLTStd-Bold;
}

#serp-definitions ul.serp-definitions-list {
	list-style: none;
	padding-left:0;
	margin-top: 0;
}
#serp-definitions ul.serp-definitions-list li h2 {
	color: #ffb733;
	font-size: 1em;
}
#serp-definitions ul.serp-definitions-list li h2 span {
	color: #acacac;
    font-family: UniversLTStd, sans-serif;
}
#serp-definitions ul.serp-definitions-list li {
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0 1.25rem;
}
#serp-definitions ul.serp-definitions-list li.is-active-js {
  /*border: 1px solid #bebec1;*/
  background: rgba(255,255,255,0.5);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

p.serp-tip {
	font-style: italic;
}