html {
	height: 100%
}
body {
	height: 100%;
	margin: 0;
	font-family: Oswald;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	font-size: 18px;
	overflow: hidden;
}
#p4p-scene {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
#p4p-scene .layer {
	width: 100%;
	height: 100%
}
.p4p-robot-scene .p4p-text-layer {
	color: #adbdc9;
	right: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	-moz-transform: translateX(20%) translateY(-50%);
	-ms-transform: translateX(20%) translateY(-50%);
	-webkit-transform: translateX(20%) translateY(-50%);
	transform: translateX(20%) translateY(-50%)
}
@media screen and (max-width: 768px) {
.p4p-robot-scene .p4p-text-layer {
	top: 0;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none
}
}
.p4p-robot-scene .p4p-text-layer h1 {
	margin: 0 15px;
	text-shadow: 1px 1px 2px #2c2f35;
}
.p4p-robot-scene .p4p-text-layer h1 span {
	display: block;
	font-size: 3em;
	text-transform: uppercase
}
@media screen and (max-width: 768px) {
.p4p-robot-scene .p4p-text-layer h1 span {
	font-size: 2em
}
}
.p4p-robot-scene .p4p-text-layer a {
	color: #40759c;
	text-decoration: none
}
.p4p-robot-scene .p4p-text-layer a:hover {
	border-bottom: 2px solid
}
.p4p-robot-scene .p4p-text-layer p {
	margin:10px 15px 30px;
	text-shadow: 1px 1px 2px rgba(84, 86, 90, 0.9);
}
.p4p-robot-scene .p4p-text-layer input {
	background-color: rgba(255,255,255,0.8);
	color: #adbdc9;
	border: 4px solid rgba(173,189,201,0.5);
	font-size: 2em;
	font-family: oswald;
	text-transform: uppercase;
	padding: .4em 1em;
	outline: none;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
@media screen and (max-width: 768px) {
.p4p-robot-scene .p4p-text-layer input {
	font-size: 1.5em;
	padding: .3em .7em
}
}
.p4p-robot-scene .p4p-text-layer input::-webkit-input-placeholder {
color:rgba(173,189,201,0.5)
}
.p4p-robot-scene .p4p-text-layer input:-moz-placeholder {
color:rgba(173,189,201,0.5)
}
.p4p-robot-scene .p4p-text-layer input::-moz-placeholder {
color:rgba(173,189,201,0.5)
}
.p4p-robot-scene .p4p-text-layer input:-ms-input-placeholder {
color:rgba(173,189,201,0.5)
}
.p4p-robot-scene .p4p-parallax-background {
	width: 120%;
	height: 120%;
	background-position: center;
	background-size: cover;
	position: fixed;
	top: -10%;
	left: -10%
}
@media screen and (max-width: 768px) {
.p4p-robot-scene .p4p-parallax-background {
	width: 180%;
	left: -10%;
	top: 10%
}
}
.p4p-robot-scene .layer:nth-child(1) .p4p-parallax-background {
	background-image: url(../images/layer1.png)
}
.p4p-robot-scene .layer:nth-child(2) .p4p-parallax-background {
	background-image: url(../images/layer2.png)
}
.p4p-robot-scene .layer:nth-child(3) .p4p-parallax-background {
	background-image: url(../images/layer3.png)
}
.p4p-robot-scene .layer:nth-child(4) .p4p-parallax-background {
	background-image: url(../images/layer4.png)
}
.p4p-robot-scene .layer:nth-child(5) .p4p-parallax-background {
	background-image: url(../images/layer5.png)
}
.p4p-robot-scene .layer:nth-child(6) .p4p-parallax-background {
	background-image: url(../images/layer6.png)
}
.p4p-robot-scene .layer:nth-child(7) .p4p-parallax-background {
	background-image: url(../images/layer7.png)
}
.p4p-robot-scene .layer:nth-child(8) .p4p-parallax-background {
	background-image: url(../images/layer8.png)
}
.p4p-robot-scene .layer:nth-child(9) .p4p-parallax-background {
	background-image: url(../images/layer9.png)
}
.p4p-robot-scene .p4p-text-layer h1 span img {
    max-width: 280px;
    max-height: 280px;
}