
#mattress-animation-homepage {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
/*	background: #ebeae6;*/
	display: block;
	text-align: center;
	position: relative;
	z-index: 50;
	overflow: visible
}
#mattress-animation-homepage-container {
	margin: 0;
	padding: 0;
	width: 852px;
	height: 760px;
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 90px
}
#mattress-animation-homepage-canvas {
	margin: 0;
	padding: 0;
	width: 852px;
	height: 650px;
	background-image: url("animation-homepage-large2.jpg");
	background-position: -1px -1px;
	background-size: 3413px 3907px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto
}
#mattress-animation-homepage-trigger {
	margin: 0;
	padding: 0;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 0;
	top: 50px
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#mattress-animation-homepage-canvas {
	background-image: url("animation-homepage-large-retina.jpg")
}
}

#mattress-animation-homepage .arrow:hover {
	background-position: -54px 0px
}
#mattress-animation-homepage-canvas.frame0 {
	background-position: -1px -1px
}
#mattress-animation-homepage-canvas.frame1 {
	background-position: -854px -1px
}
#mattress-animation-homepage-canvas.frame2 {
	background-position: -1707px -1px
}
#mattress-animation-homepage-canvas.frame3 {
	background-position: -2560px -1px
}
#mattress-animation-homepage-canvas.frame4 {
	background-position: -1px -652px
}
#mattress-animation-homepage-canvas.frame5 {
	background-position: -854px -652px
}
#mattress-animation-homepage-canvas.frame6 {
	background-position: -1707px -652px
}
#mattress-animation-homepage-canvas.frame7 {
	background-position: -2560px -652px
}
#mattress-animation-homepage-canvas.frame8 {
	background-position: -1px -1303px
}
#mattress-animation-homepage-canvas.frame9 {
	background-position: -1px -1954px
}
#mattress-animation-homepage-canvas.frame10 {
	background-position: -1px -2605px
}
#mattress-animation-homepage-canvas.frame11 {
	background-position: -1px -3256px
}
#mattress-animation-homepage-canvas.frame12 {
	background-position: -854px -1303px
}
#mattress-animation-homepage-canvas.frame13 {
	background-position: -1707px -1303px
}
#mattress-animation-homepage-canvas.frame14 {
	background-position: -2560px -1303px
}
#mattress-animation-homepage-canvas.frame15 {
	background-position: -854px -1954px
}
#mattress-animation-homepage-canvas.frame16 {
	background-position: -854px -2605px
}
#mattress-animation-homepage-canvas.frame17 {
	background-position: -854px -3256px
}
#mattress-animation-homepage-canvas.frame18 {
	background-position: -1707px -1954px
}
#mattress-animation-homepage-canvas.frame19 {
	background-position: -2560px -1954px
}
#mattress-animation-homepage-canvas.frame20 {
	background-position: -1707px -2605px
}
#mattress-animation-homepage-canvas.frame21 {
	background-position: -2560px -2605px
}
#mattress-animation-homepage-canvas.frame22 {
	background-position: -1707px -3256px
}
#mattress-animation-homepage-canvas.frame23 {
	background-position: -2560px -3256px
}
@media (max-width: 960px) {
#mattress-animation-homepage-container {
	width: 701px !important;
	height: 645px
}
#mattress-animation-homepage-canvas {
	width: 701px !important
}
#mattress-animation-homepage-canvas {
	width: 701px;
	height: 535px;

	background-position: -1px -1px;
	background-size: 2809px 3217px;
	background-repeat: no-repeat
}
}
@media (max-width: 960px) {
#mattress-animation-homepage-canvas.frame0 {
	background-position: -1px -1px
}
#mattress-animation-homepage-canvas.frame1 {
	background-position: -703px -1px
}
#mattress-animation-homepage-canvas.frame10 {
	background-position: -1405px -1px
}
#mattress-animation-homepage-canvas.frame11 {
	background-position: -2107px -1px
}
#mattress-animation-homepage-canvas.frame12 {
	background-position: -1px -537px
}
#mattress-animation-homepage-canvas.frame13 {
	background-position: -703px -537px
}
#mattress-animation-homepage-canvas.frame14 {
	background-position: -1405px -537px
}
#mattress-animation-homepage-canvas.frame15 {
	background-position: -2107px -537px
}
#mattress-animation-homepage-canvas.frame16 {
	background-position: -1px -1073px
}
#mattress-animation-homepage-canvas.frame17 {
	background-position: -1px -1609px
}
#mattress-animation-homepage-canvas.frame18 {
	background-position: -1px -2145px
}
#mattress-animation-homepage-canvas.frame19 {
	background-position: -1px -2681px
}
#mattress-animation-homepage-canvas.frame2 {
	background-position: -703px -1073px
}
#mattress-animation-homepage-canvas.frame20 {
	background-position: -1405px -1073px
}
#mattress-animation-homepage-canvas.frame21 {
	background-position: -2107px -1073px
}
#mattress-animation-homepage-canvas.frame22 {
	background-position: -703px -1609px
}
#mattress-animation-homepage-canvas.frame23 {
	background-position: -703px -2145px
}
#mattress-animation-homepage-canvas.frame3 {
	background-position: -703px -2681px
}
#mattress-animation-homepage-canvas.frame4 {
	background-position: -1405px -1609px
}
#mattress-animation-homepage-canvas.frame5 {
	background-position: -2107px -1609px
}
#mattress-animation-homepage-canvas.frame6 {
	background-position: -1405px -2145px
}
#mattress-animation-homepage-canvas.frame7 {
	background-position: -2107px -2145px
}
#mattress-animation-homepage-canvas.frame8 {
	background-position: -1405px -2681px
}
#mattress-animation-homepage-canvas.frame9 {
	background-position: -2107px -2681px
}
}
@media (max-width: 840px) {
#mattress-animation-homepage .arrow {
	display: none
}
#mattress-animation-homepage-container {
	width: 452px !important;
	height: 455px;
	 	background-image: url("animation-homepage-small.png"); background-repeat:no-repeat;
}
#mattress-animation-homepage-canvas { display:none;
}
#mattress-animation-homepage p {
	width: 452px
}
}
@media (max-width: 840px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 840px) and (min-resolution: 192dpi) {
#mattress-animation-homepage-canvas {
	background-image: url("https://simba-heroku.imgix.net/animation-homepage-tablet-retina.jpg")
}
}
@media (max-width: 840px) {
#mattress-animation-homepage-canvas.frame0 {
	background-position: -1px -1px
}
#mattress-animation-homepage-canvas.frame1 {
	background-position: -1px -347px
}
#mattress-animation-homepage-canvas.frame2 {
	background-position: -1px -693px
}
#mattress-animation-homepage-canvas.frame3 {
	background-position: -1px -1039px
}
#mattress-animation-homepage-canvas.frame4 {
	background-position: -1px -1385px
}
#mattress-animation-homepage-canvas.frame5 {
	background-position: -454px -1px
}
#mattress-animation-homepage-canvas.frame6 {
	background-position: -907px -1px
}
#mattress-animation-homepage-canvas.frame7 {
	background-position: -1360px -1px
}
#mattress-animation-homepage-canvas.frame8 {
	background-position: -1813px -1px
}
#mattress-animation-homepage-canvas.frame9 {
	background-position: -454px -347px
}
#mattress-animation-homepage-canvas.frame10 {
	background-position: -454px -693px
}
#mattress-animation-homepage-canvas.frame11 {
	background-position: -454px -1039px
}
#mattress-animation-homepage-canvas.frame12 {
	background-position: -454px -1385px
}
#mattress-animation-homepage-canvas.frame13 {
	background-position: -907px -347px
}
#mattress-animation-homepage-canvas.frame14 {
	background-position: -1360px -347px
}
#mattress-animation-homepage-canvas.frame15 {
	background-position: -1813px -347px
}
#mattress-animation-homepage-canvas.frame16 {
	background-position: -907px -693px
}
#mattress-animation-homepage-canvas.frame17 {
	background-position: -907px -1039px
}
#mattress-animation-homepage-canvas.frame18 {
	background-position: -907px -1385px
}
#mattress-animation-homepage-canvas.frame19 {
	background-position: -1360px -693px
}
#mattress-animation-homepage-canvas.frame20 {
	background-position: -1813px -693px
}
#mattress-animation-homepage-canvas.frame21 {
	background-position: -1360px -1039px
}
#mattress-animation-homepage-canvas.frame22 {
	background-position: -1813px -1039px
}
#mattress-animation-homepage-canvas.frame23 {
	background-position: -1360px -2770px
}
#mattress-animation-homepage-trigger {
	top: -200px
}
}
@media (max-width: 550px) {
#mattress-animation-homepage .content-container {
	padding: 0;
	margin-left: auto;
	margin-right: auto
}
#mattress-animation-homepage-container { display:none;
}

#mattress-animation-homepage h2 {
	width: 80%;
	margin-left: 10%
}
#mattress-animation-homepage p {
	width: 80%;
	margin-left: 10%
}
}
@media (max-width: 550px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 550px) and (min-resolution: 192dpi) {
#mattress-animation-homepage-canvas {
	background-image: url("https://simba-heroku.imgix.net/animation-homepage-mobile-retina.jpg")
}
}
@media (max-width: 550px) {
#mattress-animation-homepage-canvas.frame0 {
	background-position: -1px -1px
}
#mattress-animation-homepage-canvas.frame1 {
	background-position: -1px -231px
}
#mattress-animation-homepage-canvas.frame2 {
	background-position: -1px -461px
}
#mattress-animation-homepage-canvas.frame3 {
	background-position: -1px -691px
}
#mattress-animation-homepage-canvas.frame4 {
	background-position: -302px -1px
}
#mattress-animation-homepage-canvas.frame5 {
	background-position: -302px -231px
}
#mattress-animation-homepage-canvas.frame6 {
	background-position: -302px -461px
}
#mattress-animation-homepage-canvas.frame7 {
	background-position: -302px -691px
}
#mattress-animation-homepage-canvas.frame8 {
	background-position: -603px -1px
}
#mattress-animation-homepage-canvas.frame9 {
	background-position: -603px -231px
}
#mattress-animation-homepage-canvas.frame10 {
	background-position: -603px -461px
}
#mattress-animation-homepage-canvas.frame11 {
	background-position: -603px -691px
}
#mattress-animation-homepage-canvas.frame12 {
	background-position: -904px -1px
}
#mattress-animation-homepage-canvas.frame13 {
	background-position: -1205px -1px
}
#mattress-animation-homepage-canvas.frame14 {
	background-position: -1506px -1px
}
#mattress-animation-homepage-canvas.frame15 {
	background-position: -904px -231px
}
#mattress-animation-homepage-canvas.frame16 {
	background-position: -904px -461px
}
#mattress-animation-homepage-canvas.frame17 {
	background-position: -904px -691px
}
#mattress-animation-homepage-canvas.frame18 {
	background-position: -1205px -231px
}
#mattress-animation-homepage-canvas.frame19 {
	background-position: -1506px -231px
}
#mattress-animation-homepage-canvas.frame20 {
	background-position: -1205px -461px
}
#mattress-animation-homepage-canvas.frame21 {
	background-position: -1506px -461px
}
#mattress-animation-homepage-canvas.frame22 {
	background-position: -1205px -691px
}
#mattress-animation-homepage-canvas.frame23 {
	background-position: -1506px -691px
}
}

