body {
}

div.seealso {
  margin-left:-0.9em;
  margin-bottom: 1.3em;
}
.seealso span.active_menu {
  background-color: #eeead5;
}
.seealso span.menu {
  z-index: 1;
  font:normal 11px Verdana;
  line-height:16px;
  color:#000000;
  padding:3px 16px 3px 1.08em;
  position: relative;
}
.link-arrow {
  position: absolute;
  width: 15px;
  height: 20px;
  z-index: 1;
}

.screenshot {
	position: relative;
	display: block;
	border-radius: 4px;
	border: none;
	overflow: hidden;
}
a.screenshot,
a.screenshot:hover {
	border: 0.5px solid rgba(0, 0, 0, .1) !important;
}

.browser-head {
	position: relative;
	text-align: center;
	z-index: 10;
	border-radius: 0.4vw 0.4vw 0 0;
	overflow: hidden;
}
.browser-head span {
	position: absolute;
	text-align: center;
	width: 100%;
	display: inline-block;
	margin: 0;
	color: #333;
	top: 1.20vw;
	font-size: 1vw;
	line-height: 1vw;
}
	@media screen and (max-width: 960px) {
	.browser-head {
		border-radius: 4px 4px 0 0;
	}
		
	.browser-head span {
		top: 11px;
		font-size: 10px;
		line-height: 10px;
	}}

.screenshot.half .browser-head span {
	top: 0.60vw;
	font-size: 0.5vw;
	line-height: 0.5vw;
}
	@media screen and (max-width: 960px) {
	.screenshot.half .browser-head span {
		top: 6px;
		font-size: 5px;
		line-height: 5px;
	}}
	
.screenshot.three-quarter .browser-head span {
	top: 0.90vw;
	font-size: 0.75vw;
	line-height: 0.75vw;
}
	@media screen and (max-width: 960px) {
	.screenshot.three-quarter .browser-head span {
		top: 8px;
		font-size: 7px;
		line-height: 7px;
	}}

.screenshot .frame {
	position: relative;
	height: 0;
	overflow: hidden;
}

.envy-kayak {
	width: 40vw; 
	position: absolute; 
	top:14vw; 
	right: -14.5vw;
}

.envy-turtle {
	width: 44vw; 
	position: absolute; 
	bottom:70.5vw; 
	right: -21vw;
}

.envy-iphone {
	width: 51vw; 
	position: absolute; 
	bottom:98.6vw;
	left: -11vw;
}

.illustration-wrapper {
	position: relative;
	margin-bottom: 2.6em;
}

@media screen and (max-width: 960px) {
	.envy-kayak {
		width: 384px;
		top: 134px;
		right: -139px;
	}
	.envy-turtle {
		width: 422px;
		bottom: 677px;
		right: -201px;
	}
	.envy-iphone {
		width: 489px;
		bottom: 948px;
		left: -105px;
	}
}

@media only screen and (max-width: 1399px) and (min-width: 1250px) {
	.illustration-wrapper {
		margin-left: calc((-100vw + 1250px) / 2);
		margin-right: calc((-100vw + 1250px) / 2);
		padding-left: calc((100vw - 1250px) / 2);
		padding-right: calc((100vw - 1250px) / 2);
		overflow: hidden;
	}
}

@media only screen and (min-width: 1591px) {
	.envy-kayak {
		width: 636px;
		top: 223px;
		right: -230px;
	}
	.envy-turtle {
		width: 700px;
		bottom: 1121px;
		right: -334px;
	}
	.envy-iphone {
		width: 811px;
		bottom: 1567px;
		left: -175px;
	}
}