@charset utf-8;
html{overflow-x:hidden;height:100%}
body{background:#D6D6D6 url(../images/hero-bg3.jpg) no-repeat;background-size:cover;background-attachment:fixed}
.box{float:left;top:0;width:50%;height:100%;z-index:2;position:relative}
.container{max-width:600px;margin:150px auto}
.respimg{width:100%;height:auto}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 200px;
    }



html, body {
	height: 100%;
}

.header{text-align:center;
		position:relative;
		top:50px;
		max-width:450px
		;z-index:2
		;margin:0 auto
		}
.navigation{position:relative;
			max-width:450px
			;height:62px
			;z-index:5
			;font-family:Oswald, sans-serif;
			font-size:1.2em;
			letter-spacing:.1em;
			font-weight:300;
			line-height:50px;
			margin:60px auto;
			margin-top: 150px;
			}





.team{
	width:210px;height:58px;position:absolute;top:0;left:0;text-align:center;color: #ffffff;}
	
	.centrage{
 
  text-align:center;
  color: #ffffff;font-family:Oswald, sans-serif;
			font-size:1.1em;
			letter-spacing:.1em;
			font-weight:150;}


.personal{width:210px;height:58px;position:absolute;top:0;right:0;text-align:center;color: #ffffff;}
.transition{-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
#scene{position:fixed;top:-150px;right:-650px}
#scene2{position:fixed;bottom:-150px;left:-650px}
.bc{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-o-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.line{width:0px;height:170px;position:absolute;top:470px;left:50%;margin-left:-1.5px;z-index:6;background:#fff}
.line2{width:0px;height:170px;position:absolute;top:470px;right:50%;margin-right:-1.5px;z-index:6;background:#fff}

.top{position:absolute;width:3px;height:50px;background:#a700e5;top:100px;left:0}
.arrow:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#a700e5;margin-top:-25px;border-width:25px}
.arrow:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#292929;margin-top:-5px;margin-left:6px;border-width:5px}
.arrow2:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#a700e5;margin-top:-25px;border-width:25px}
.arrow2:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#292929;margin-top:-5px;margin-right:6px;border-width:5px}