html, body {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #262324;
	-webkit-text-size-adjust: 100%;
}


/*parallax*/
.page-container {
	display: table;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

.container {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

.parallax-container {
	position: relative;
	width: 300px;
	height: 250px;
	margin: 0 auto;
}
.parallax-container img.parallax-main-invis {
	visibility: hidden;
	max-width: 100%;
}
.parallax-container img.parallax-main {
	transform-origin: 50% 50% -20px;
	z-index: 23;
}
.parallax-container img.parallax-main,
.parallax-container img.parallax-parts {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.4s cubic-bezier(0.06, 0.475, 0.39, 0.99);
}
.parallax-container img.parallax-main {
	left: 40px;
	top: 60px;
	z-index: 200;
	max-width: 224px;
}
.parallax-container img.parallax-main.parallax-parts-1,
.parallax-container img.parallax-parts.parallax-parts-1 {
	transform-origin: 25% 25% -5px;
	z-index: 30;
	left: 0;
	top: 0;
	max-width: 180px;
}
.parallax-container img.parallax-main.parallax-parts-2,
.parallax-container img.parallax-parts.parallax-parts-2 {
	transform-origin: 25% 25% -10px;
	z-index: 22;
	right: 0;
	top: 10px;
	max-width: 150px;
}
.parallax-container img.parallax-main.parallax-parts-3,
.parallax-container img.parallax-parts.parallax-parts-3 {
	transform-origin: 25% 25% -15px;
	z-index: 24;
	left: 17%;
	bottom: 0;
	max-width: 90px;
}
.parallax-container img.parallax-main.parallax-parts-4,
.parallax-container img.parallax-parts.parallax-parts-4 {
	transform-origin: 25% 25% -20px;
	z-index: 22;
	right: 19%;
	bottom: 0;
	max-width: 120px;
}


@media only screen and (max-width: 639px) {

	.parallax-container img.parallax-main,
	.parallax-container img.parallax-parts-1,
	.parallax-container img.parallax-parts-2,
	.parallax-container img.parallax-parts-3,
	.parallax-container img.parallax-parts-4 {
		transform: inherit !important;
	}

	.parallax-container {
		width: 300px;
		height: 250px;
	}

	.parallax-container img.parallax-main {
		max-width: 224px;
		z-index: 300;
	}

	.parallax-container img.parallax-main.parallax-parts-1,
	.parallax-container img.parallax-parts.parallax-parts-1 {
		max-width: 180px;
	}
	.parallax-container img.parallax-main.parallax-parts-2,
	.parallax-container img.parallax-parts.parallax-parts-2 {
		max-width: 150px;
	}
	.parallax-container img.parallax-main.parallax-parts-3,
	.parallax-container img.parallax-parts.parallax-parts-3 {
		max-width: 90px;
	}
	.parallax-container img.parallax-main.parallax-parts-4,
	.parallax-container img.parallax-parts.parallax-parts-4 {
		max-width: 120px;
	}



}