/* facts 1 */
#facts-1-comparison {
	width: 640px;
	height: 565px;
	margin-top: 60px;
	margin-bottom: 50px;
	background-image: url(images/facts-1-comparison-with-arrows-upper.gif), url(images/facts-1-comparison-with-arrows-lower.png);
	background-position-y: 1px, bottom;
	background-size: 100%, 100%;
}
#facts-1-comparison .rounded-badge.leopard-cat {
	left: 17%;
	bottom: -45px;
}
#facts-1-comparison .rounded-badge.cat {
	right: 16%;
	bottom: -45px;
}
.image-label.leopard-cat-stripe {
	top: -20px;
	left: 26%;
}
.image-label.cat-stripe {
	top: -20px;
	right: 11%;
}
.image-label.leopard-cat-body {
	top: 78%;
	left: 1%;
}
.image-label.cat-body {
	top: 78%;
	right: 0;
}
#facts-1-comparison .image-label.leopard-cat-body .arrow {
	top: -94px;
	left: 30px;
	width: 30px;
	-webkit-transform: scale(1, -1) rotate(-55deg);
	transform: scale(1, -1) rotate(-55deg);
}
#facts-1-comparison .image-label.cat-body .arrow {
	top: -94px;
	right: 26px;
	width: 30px;
	-webkit-transform: scale(-1, -1) rotate(-55deg);
	transform: scale(-1, -1) rotate(-55deg);
}

/* Face comparison */
.facts-comparison-head {
	position: relative;
}
.facts-comparison-head .rounded-badge.leopard-cat {
	left: 15%;
}
.facts-comparison-head .rounded-badge.cat {
	right: 15%;
}
.facts-comparison-head p.general {
	margin-top: 90px;
}

/* fur pattern comparison images */
#cat-fur {
	position: absolute;
	width: 320px;
	right: 30px;
	top: 0;
}
#leopard-cat-fur {
	position: absolute;
	width: 400px;
	bottom: 5px;
	left: 100px;
}
#fur-comparison {
	height: 390px;
}
#fur-comparison .rounded-badge.leopard-cat {
	bottom: 45px;
	left: 170px;
}
#fur-comparison .rounded-badge.cat {
	top: 185px;
	right: 25px;
}
#facts-1-comparison-ear {
	position: relative;
}
#facts-1-comparison-ear .illustration.proportional {
	margin-top: 65px;
	margin-bottom: 70px;
}
#facts-1-comparison-ear .rounded-badge.leopard-cat {
	left: 16%;
}
#facts-1-comparison-ear .rounded-badge {
	margin-top: 10px;
}
#facts-1-comparison-ear .rounded-badge.cat {
	right: 16%;
}
#facts-1-comparison-ear .illustration {
	background-image: url(images/facts-heads.gif);
}
#facts-1-comparison-ear .image-label.leopard-cat-ear {
	top: -25px;
	left: 20%;
}
#facts-1-comparison-ear .image-label.leopard-cat-ear .arrow {
	top: 10px;
	left: -34px;
	width: 30px;
}

@media screen and (max-width: 727px) {
	#facts-1-comparison {
		width: 500px;
		height: 440px;
	}
}
@media screen and (max-width: 585px) {
	#facts-1-comparison {
		width: 350px;
		height: 309px;
	}
}
@media screen and (max-width: 433px) {
	#facts-1-comparison {
		width: 300px;
		height: 265px;
	}
}
@media screen and (max-width: 374px) {
	#facts-1-comparison {
		width: 254px;
		height: 224px;
	}
}
@media screen and (max-width: 540px) {
	.facts-comparison-head .figure-img {
		width: 126px;
		height: 126px;
	}
	.facts-comparison-head .rounded-badge.leopard-cat {
		left: 25%;
	}
	.facts-comparison-head .rounded-badge.cat {
		right: 25%;
	}
}
@media screen and (max-width: 414px) {
	.section-block-container  {
		padding-bottom: 55px;
	}
	.facts-comparison-head .rounded-badge.leopard-cat {
		left: 20%;
	}
	.facts-comparison-head .rounded-badge.cat {
		right: 20%;
	}
}
@media screen and (max-width: 375px) {
	
	.facts-comparison-head .figure-img {
		width: 105px;
		height: 105px;
	}
	.facts-comparison-head .figure-img:first-child {
		margin-left: 0;
	}
	.facts-comparison-head .figure-img:second-child {
		margin-right: 0;
	}
	.facts-comparison-head .rounded-badge.leopard-cat {
		left: 15%;
	}
	.facts-comparison-head .rounded-badge.cat {
		right: 20%;
	}
	.footer-logo {
		width: 85px;
		height: 85px;
	}
}
@media screen and (max-width: 320px) {
	.facts-comparison-head .rounded-badge.leopard-cat {
		left: 10%;
	}
	.facts-comparison-head .rounded-badge.cat {
		right: 15%;
	}
}
/* Fur pattern comparison images */
@media screen and (max-width: 777px) {
	#fur-comparison {height: 630px;}
	#cat-fur {display: inline-block;position: static;}
	#leopard-cat-fur {display: inline-block;position: static;margin-top: 70px;}
	#fur-comparison .rounded-badge.cat {right: 22%;}
	#fur-comparison .rounded-badge.leopard-cat {left:33%;}
}
@media screen and (max-width: 520px) {
	#fur-comparison .rounded-badge.cat {right: 8%;}
}
@media screen and (max-width: 375px) {
	#fur-comparison {height: 560px;margin-top: 65px;}
}
@media screen and (max-width: 320px) {
	#fur-comparison {height: 525px;margin-top: 45px;margin-bottom: 0;}
}

/* Appearance Illustration labels */
@media screen and (max-width: 585px) {
	#facts-1-comparison .image-label.leopard-cat-body .arrow {
		top: -90px;
		left: 35px;
		width: 20px;
	}
	#facts-1-comparison .image-label.cat-body .arrow {
		top: -90px;
		right: 33px;
		width: 20px;
	}
	#facts-1-comparison-ear .image-label.leopard-cat-ear .arrow {
		width: 20px;
		left: -22px;
	}
}
@media screen and (max-width: 414px) {
	.image-label.leopard-cat-stripe {left: 18%;}
	.image-label.cat-stripe {right: 7%;}
	#facts-1-comparison .image-label.leopard-cat-body {left: 0;}
	#facts-1-comparison .image-label.cat-body {right: -3px;}
	#facts-1-comparison .rounded-badge.leopard-cat {bottom: -65px;}
	#facts-1-comparison .rounded-badge.cat {bottom: -65px;}
}
@media screen and (max-width: 375px) {
	#facts-1-comparison .image-label.leopard-cat-body .arrow {top: -84px;left: 30px;}
	#facts-1-comparison .image-label.cat-body .arrow {top: -84px;right: 31px;}
}