@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic|Lora:400,400italic,700italic,700);
@import url(fonts/font.css);
@import url(bnp-longread_reset.css);

/* reset rules */

body, html {
	height: 100%;
	min-height: 100%;
	background-color: #000000;
}

body, ul, li {
	margin : 0;
	padding : 0;
}

body {
	font-size : 16px;
	font-family : 'BNP Sans', sans-serif;
}

a {
	-0-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.masque, .hidden
{
    position:absolute;
    top:-5000px;
    left:-5000px;
    overflow:hidden;
    width:0px;
    height:0px;
}

.clearfix:before, .clearfix:after
{
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after { clear: both; }

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    min-height:0;
}


/* imported rules */

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
  
.no-js {
	padding-top: 106px;
}
h2 {
	margin-top: 0;
}
.loading {
	background: url('../img/ico_loading.gif') no-repeat center center;
}

body.loaded {
	background-color: #F1EDEA;
}

.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
	
/* Main design bloc rules */

.absolute {	position : absolute;}
.fixed {	position : fixed;}


.autoheight {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
    width: auto;
}

.section {
	width : 100%;
	/* min-height : 800px; */
	overflow : hidden;
	opacity: 0;
}

.section {
	background : none;
	color : #262626;
}

.section p {
	font-family: 'BNP Serif', sans-serif;
	font-size : 1.375em;
	line-height : 1.54em;
	vertical-align : middle;
	-moz-hyphens: none;
	hyphens: none;
	
	position : relative;
	display : block;
	font-style : normal;
	text-align : left;
	z-index : 10;
	margin : 0;
	font-weight : 300;
}

.section p .quote {
	font-style : italic;
	font-size : 1.025em;
}

.section img {
	display : block;
	height : 100%;
	margin-top : 0px;
	transform: translate3d(0,0,0);
	-webkit-transform : translate3d(0,0,0);
	-webkit-transform : scale3d(1,1,1)
}

.section .text {
	position : relative;
	display : block;
	min-width : 100%;
}

h2 {
	font-family: 'BNP Sans', sans-serif;
	font-size : 1.25em;
	line-height : 1.6875em;
	text-transform : uppercase;
	font-weight : 700;
}

/* decorations */

.bar.small {
	display : inline-block;
	height : 2px;
	width : 2.25em;
	background : #cdad6d;
}

.verbatim {
	position : absolute;
	display : block;
	width : 20%;
	margin-top : -10%;
	background : #c6ae7d;
	color : #ffffff;
	text-align : center;
	line-height : 18em;
}

.verbatim.grey {
	background : #c9baab;
}

.verbatim:after {
	content : '';
	display : block;
	padding-top : 100%;
}

.verbatim_container {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	font-family: 'BNP Serif', serif;
	font-weight : 400;
}

.verbatim_container .icon-quote_top, .verbatim_container .icon-quote_btm {
	position : absolute;
	left : 50%;
	display : block;
	width : 1.25em;
	height : 1.25em;
	margin-left : -0.625em;
	font-size : 1.25em;
}

.verbatim_container .icon-quote_top {
	top : 1em;
}

.verbatim_container .icon-quote_btm {
	bottom : 1em;
}

.verbatim_container .autoheight {
	font-size : 1.6825em;
}

.verbatim_container .autoheight > span {
	display : inline-block;
	margin-bottom : 10px;
}

.section .verbatim .icon-quote_top, .section .verbatim .icon-quote_btm {
	color : #7a6c50;
}

.section .verbatim.grey .icon-quote_top, .section .verbatim.grey .icon-quote_btm {
	color : #877b6f;
}

.verbatim_large {
	position : absolute;
	display : block;
	width : 36%;
	top : 40%;
	right : 6%;
	margin-top : -12.6%;
	background : transparent;
	color : #262626;
	text-align : left;
	border-top : 1px solid #433930;
	border-bottom : 1px solid #433930;
	line-height : 31.5em;
}

.verbatim_large:after {
	content : '';
	display : block;
	padding-top : 98%;
}

.verbatim_large .verbatim_container {
	width : auto;
	font-weight : 300;
	padding : 0;
}

.verbatim_large .verbatim_container .autoheight {
	font-size : 2.375em;
	line-height : 1.3421em;
}

.verbatim_large .icon-quote_left, .verbatim_large .icon-quote_right {
	width : 1em;
	height : 1em;
	margin-top : -0.5em;
	font-size : 0.69em;
	color : #d3b271;
}

/* skrollr position rules */

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

/* specific semantic rules */

.section h3 {
	position : relative;
	display : block;
	font-style : normal;
	text-align : left;
	color : #433930;
	z-index : 10;
	margin : 0.8em 0;
	font-weight : 700;
	text-transform : uppercase;
	font-size : 1.5em;
}

#slide-1 h1 {
	font-family: 'BNP Sans', sans-serif;
	font-weight : 300;
	text-transform : uppercase;
	font-size : 1em;
	color : #433930;
}

#slide-1 h1 span {
	display : block;
	text-align : center;
}

#slide-1 h1 .title_1 {
	font-size : 6.125em;
	line-height : 1em;
	color : #cdad6d;
}

#slide-1 h1 .title_2 {
	font-size : 4.5em;
	line-height : 1em;
	color : #433930;
}

#slide-1 h2 {
	position : relative;
	font-size : 1em;
	font-weight : 300;
}

#slide-1 h2 .bar {
	position : absolute;
	top : -1.875em;
	left : 50%;
	margin-left : -1.125em;
}

#slide-1 h2 .title_3 + .bar {
	position : absolute;
	top : inherit;
	bottom : -1.875em;
	left : inherit;
	right : 50%;
	margin-left : 0em;
	margin-right : -1.125em;
}

#slide-1 h2 .title_3 {
	font-size : 2.125em;
	line-height : 1.12em;
	margin : 2em 0;
	text-transform : uppercase;
	text-align : center;
}

/* slide 2 */

#slide-2 { z-index : 12; position : relative;}

#slide-2 .verbatim {
	top : 50%;
	right : 48%;
	background : #c6ae7d;
	color : #ffffff;
}

/* slide 3 */

#slide-3 .verbatim {
	top : 50%;
	left : 48%;
	background : transparent;
	border : 3px solid #453a32;
	color : #b3a699;
}

.section#slide-3 .verbatim .icon-quote_top, .section#slide-3 .verbatim .icon-quote_btm {
	color : #8d7f72;
}

/* slide 4 */

#slide-4 .verbatim {
	bottom :2.875em;
	left : 2.875em;
	margin : 0;
}

/* slide5 */

#slide-5 .highlight {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    color: #433930;
    left: 50%;
	top: 50%;
    margin-left: -21.25%;
	margin-top: -21.25%;
    position: absolute;
    text-align: center;
    width: 42.5%;
}

#slide-5 .highlight:after {
   content : '';
   display : block;
   padding-top : 100%;
}

.highlight_container {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
}

#slide-5 .highlight h3 {
    font-size: 3em;
    font-weight: 400;
    line-height: 1em;
    padding: 2em 0 1em 0;
	margin : 0 0 1em 0;
    text-align: center;
    text-transform: uppercase;
	position : relative;
}

#slide-5 .highlight h4 {
    font-size: 2.125em;
    font-weight: 300;
    line-height: 1em;
    padding: 0 0 0.5em 0;
	margin : 0 0 0.5em 0;
    text-align: center;
    text-transform: uppercase;
	position : relative;
}

#slide-5 .highlight .bar.small {
    width : 0.75em;
	background : #877b6f;
	position : absolute;
	bottom : 0;
	left : 50%;
	margin-left : -0.375em;
}

#slide-5 .highlight h4 .bar.small {
	width : 1.05em;
	margin-left : -0.5225em;
}

#slide-5 .highlight p {
	font-size : 1.375em;
	line-height : 1.63em;
	width : auto;
	top : 0;
	left : 0;
	padding : 0 2.18em;
	text-align : center;
}

#slide-5 .bcgmobile { z-index : 20; }

/* Slide 5 */
#slide-5 .bcgmobile {background-image: url('../img/bg_brown_tri.jpg'); background-color: #ddc085;  text-align: left;}

/* slide 6 */

#slide-6 .verbatim {
	top : 50%;
	left : 48%;
	background : transparent;
	border : 3px solid #453a32;
	color : #c6ae7d;
}

#slide-6 .verbatim .autoheight {
	line-height : 1em;
}

p .icon-quote_left, p .icon-quote_right {
	display : inline-block;
	font-size : 0.5em;
	line-height : 1em;
	max-height : 1.25em;
	margin-top : -0.3em;
	vertical-align : middle;
	color : #c2af8a;
}

.section#slide-6 .verbatim .icon-quote_top, .section#slide-6 .verbatim .icon-quote_btm {
	color : #b6914a;
}

/* -------------------------------------- */
/* -------- responsive rules ------------ */
/* -------------------------------------- */

/* special parralax rules */

body.p_version {
	min-width : 700px;
}

.p_version .bcgmobile {
	bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
}

.p_version #slide-5 .bcgmobile {
    position: static;
	width : 100%;
	height : 100%;
	background-position : center center;
	background-size : cover;
}

.p_version #slide-2 .bcg2, .p_version  #slide-3 .bcg2, .p_version #slide-5 .bcg2, .p_version #slide-6 .bcg2 {
position: fixed; 
bottom: 0; 
left: 0;
top : 0;
opacity: 1; 
z-index: 1;
}

.p_version .bcg {
	background-attachment: fixed;
	background-color : transparent;
}

.p_version .hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.p_version .hsContent {
	max-width: 33%;
	margin: -150px auto 0 auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	text-align: center;
	overflow:hidden;
}

/* special mobiles / tablets rules */

.m_version .bcgmobile {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.m_version .section { position : relative; background : #ffffff; }

.m_version .hsContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

 #footer {
	display : none;
}

#low_res {
	display : none;
}

/* mobile rules */
@media screen and (max-width: 699px) {

	body.m_version {
		min-width : 320px;
	}

	.m_version #footer {
		display : block;
		padding : 0 2.2em;
		margin : 0;
		background : #ffffff;
	}
 
	.m_version .bcg2 {position: relative; bottom: 0; left: 0; opacity: 1; z-index: 1;}
	
	.m_version .bcg2.bcg3 {position: absolute; top : 0; bottom: 0; left: 0; opacity: 1; z-index: 1; width : 100%;}
	
	.m_version #slide-1 .bcg.duplication1 {	
		background-image: url('../img/portrait.mobile.01.jpg');
		height : auto;
		display : block;
	}
	
	.m_version #slide-1 .bcg.duplication1:after {
		content : '';
		display : block;
		padding-top : 87.5%;
	}
	
	.m_version .verbatim {
		line-height: 18em;
		margin-top: -9em;
		position: absolute;
		text-align: center;
		width: 18em;
	}
	
	/* Slide 1 */
	
	.m_version #slide-1 h1 {
		margin : 5em 0;
	}

	.m_version #slide-1 h1 .title_1 {
		font-size : 4.2em;
	}

	.m_version #slide-1 h1 .title_2 {
		font-size : 3.09em;
	}

	.m_version #slide-1 h2 .title_3 {
		font-size : 2em;
	}
	
	.m_version .section .text {
		padding : 2.2em;
		min-width : inherit;
	}
	
	.m_version .section .overflow_container {
		display : block;
		position : relative;
		overflow : hidden;
		height : 210px;
		
		-0-transition: height .8s ease-in-out;
		-webkit-transition: height .8s ease-in-out;
		-moz-transition: height .8s ease-in-out;
		transition: height .8s ease-in-out;
	}
	
	.m_version .section .overflow_container.expanded {
		height : auto;
	}
	
	.m_version .section p {
		font-size: 1.7em;
		line-height: 1.3em;
		margin : 0.5em 0 0 0;
	}
	
	.m_version .section h3 {
		margin : 0.5em 0 0 0;
		font-weight : 700;
		text-transform : uppercase;
		font-size : 1.7em;
	}
	
	.m_version .section h3 + p {
		margin : 0;
	}
	
	.m_version .button {
		display : block;
		background : #d3b271;
		color : #ffffff;
		font-size : 1.5em;
		height : 2.93em;
		line-height : 2.93em;
		margin : 1em 0;
		text-align : center;
		font-weight : 700;
		text-transform : uppercase;
	}
	
	.m_version #footer .button {
		display : block;
		background : #000000;
		color : #ffffff;
	}
	
	.m_version #footer .button .icon-symbol_bot:before {
		transform : rotate(-180deg) translateY(-3px);
		-ms-transform : rotate(-180deg) translateY(-3px);
		-webkit-transform : rotate(-180deg) translateY(-3px);
	}
	
	.m_version .button .text {
		padding : 0;
		display : inline-block;
		margin-right : 1em;
		min-width : 6em;
	}
	
	.m_version .button .icon-symbol_bot:before {
		display : inline-block;
		
		-0-transition: transform .2s ease-in-out;
		-webkit-transition: transform .2s ease-in-out;
		-moz-transition: transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
	}
	
	.m_version .button.expanded .icon-symbol_bot:before {
		transform : rotate(-180deg) translateY(-3px);
		-ms-transform : rotate(-180deg) translateY(-3px);
		-webkit-transform : rotate(-180deg) translateY(-3px);
	}
	
	.m_version .bcgmobile {
		position : relative;
	}

	/* Slide 2 */
	.m_version #slide-2 .bcgmobile {
		background-image: url('../img/portrait.mobile.02.jpg');
	}
	
	.m_version #slide-2 .bcgmobile:after {
		content : '';
		display : block;
		padding-top : 81.25%;
	}
	
	.m_version  #slide-2 .verbatim {
		right: 2.2em;
	}

	/* Slide 3 */
	.m_version #slide-3 { background-color : #f0f0f0; }
	.m_version #slide-3 .bcgmobile {	background-image: url('../img/portrait.mobile.03.jpg');}
	
	.m_version #slide-3 .bcgmobile:after {
		content : '';
		display : block;
		padding-top : 117%;
	}
	
	.m_version  #slide-3 .verbatim {
		left: 2.2em;
	}
	
	/* Slide 4 */
	.m_version #slide-4 .bcgmobile {
		background-image: url('../img/portrait.mobile.04.jpg');
		margin-top : 100%;
	}
	
	.m_version #slide-4 .bcgmobile:after {
		content : '';
		display : block;
		padding-top : 103%;
	}
	
	.m_version #slide-4 .verbatim_large {
		border-bottom: 2px solid #433930;
		border-top: 2px solid #433930;
		display : block;
		line-height: 28em;
		position: absolute;
		right: inherit;
		text-align: left;
		top: -90%;
		left : 3%;
		width : 94%;
		margin : 0;
	}
	
	.m_version #slide-4 .hsContainer {
		overflow: visible;
	}
	
	.m_version #slide-4 .verbatim_large:after {
		content: "";
		display: block;
		padding-top: 28em;
	}
	
	.m_version #slide-4 .verbatim_large .verbatim_container{
		font-size : 90%;
	}
	
	.m_version #slide-4 .verbatim {
		bottom: 2em;
		left: 2em;
	}

	/* Slide 5 */
	.m_version #slide-5 .bcgmobile:after {
		content : '';
		display : block;
		padding-top : 128%;
	}
	
	.m_version #slide-5 .hsContent, .m_version #slide-5 .hsContainer, .m_version .highlight_container {
		position : relative;
	}
	
	.m_version #slide-5 .highlight {
		position : relative; 
		margin : 2em;
		font-size : 1em;
		width : auto;
		top : 0;
		left : 0;
	}
	
	.m_version #slide-5 .highlight:after, .m_version #slide-5 .bcgmobile:after {
		padding : 0;
	}
	
	.m_version #slide-5 .highlight h3 {
		font-size : 2.2em;
	}
	
	.m_version #slide-5 .highlight p {
		padding-bottom : 1em;
	}

	/* Slide 6 */
	.m_version #slide-6 { background-color : #E8E6EB; }
	.m_version #slide-6 .bcgmobile {	background-image: url('../img/portrait.mobile.06.jpg');}
	
	.m_version #slide-6 .bcgmobile:after {
		content : '';
		display : block;
		padding-top : 93.75%;
	}
	
	.m_version  #slide-6 .verbatim {
		right: 2.2em;
		top : 1em;
		left : inherit;
		margin : 0;
	}
	
	.m_version .bcg { display : none; }
	
	/* desktop case */
	
	.p_version .section {
		display : none;
	}
	
	.p_version #low_res {
		position : fixed;
		top : 45%;
		right : 0;
		display : block;
		font-size : 16px;
		text-align : right;
		margin-right : 30px;
		text-transform : uppercase;
		color : #444444;
	}
	
	.p_version #low_res .highlight {
		font-size : 22px;
		font-weight : 700;
		display : inline-block;
		max-width : 400px;
		position : relative;
	}
	
	.p_version #low_res .highlight span {
		position : absolute;
		bottom : 20px;
		right : -30px;
		transform : rotate(-90deg);
		-ms-transform : rotate(-90deg);
		-webkit-transform : rotate(-90deg);
	}
}

@media screen and (min-width: 700px) and (max-width: 899px) {

	.verbatim {
		width : 25.75%;
		margin-top : -12.875%;
		line-height : 18em;
	}
	
	.verbatim_large {
		width : 46%;
	}

	#slide-5 .highlight {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
		color: #433930;
		left: 50%;
		margin-left: -30%;
		margin-top: -30%;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 60%;
	}

}


/* tablets and parrallax rules */
@media screen and (min-width: 700px) {
	
	.m_version .bcg2 {
		position: absolute; 
		bottom: 0; 
		left: 0; 
		height: 100%;
		width: 100%;
		opacity: 1; 
		z-index: 15;
	}
	
	.m_version .bcg2.bcg3 {
		z-index: 10;
	}
	
	.m_version .hsContent, .m_version .plaxEl {
		position : absolute;
		top : 0;
		left : 0;
		bottom : 0;
		right : 0;
	}

	.m_version .section .text {

		max-height : 100%;
	}
	
	.m_version .section .overflow_container {
		height : 100%;
		max-width : 33%;
		margin : 2em 0;
		overflow-y : scroll;
	}
	
	.section .overflow_container {
		left : 57%;
		width : 33%;
		display : block;
		position : relative;
	}
	
	.more {
		display : none;
	}
	
	/* parralax switch image effect properties */

	/* Slide 1 */

	
	.m_version #slide-1 .bcg.duplication1 {	background-image: url('../img/portrait_01.1.jpg'); display : block;}
	.m_version #slide-2 .bcgmobile {	background-image: url('../img/portrait_02.1.jpg');}
	.m_version #slide-3 .bcgmobile {	background-image: url('../img/portrait_03.1.jpg');}
	.m_version #slide-4 .bcgmobile {	background-image: url('../img/portrait_04.1.jpg');}
	.m_version #slide-6 .bcgmobile {	background-image: url('../img/portrait_06.1.jpg');}
	
	.m_version .bcg { display : none; }
	
	#slide-3 .overflow_container {
		left : 10%;
	}


	
	#slide-6 .overflow_container {
		left : 10%;
	}
	
	/* Slide 1 */

	#slide-1 .bcg.duplication1 {	background-image: url('../img/portrait_01.1.jpg');}
	#slide-1 .bcg.duplication2 {	background-image: url('../img/portrait_01.2.jpg');}
	#slide-1 .bcg.duplication3 {	background-image: url('../img/portrait_01.3.jpg');}
	#slide-1 .bcg.duplication4 {	background-image: url('../img/portrait_01.4.jpg');}

	/* Slide 2 */
	#slide-2 .bcg.duplication1 {	background-image: url('../img/portrait_02.1.jpg');}
	#slide-2 .bcg.duplication2 {	background-image: url('../img/portrait_02.2.jpg');}
	#slide-2 .bcg.duplication3 {	background-image: url('../img/portrait_02.3.jpg');}
	#slide-2 .bcg.duplication4 {	background-image: url('../img/portrait_02.4.jpg');}
	#slide-2 .bcg.duplication5 {	background-image: url('../img/portrait_02.5.jpg');}
	#slide-2 .bcg.duplication6 {	background-image: url('../img/portrait_02.6.jpg');}
	#slide-2 .bcg.duplication7 {	background-image: url('../img/portrait_02.7.jpg');}
	#slide-2 .bcg.duplication8 {	background-image: url('../img/portrait_02.8.jpg');}
	#slide-2 .bcg.duplication9 {	background-image: url('../img/portrait_02.9.jpg');}
	#slide-2 .bcg.duplication10 { background-image: url('../img/portrait_02.10.jpg');}

	/* Slide 3 */
	#slide-3 .bcg.duplication1 {	background-image: url('../img/portrait_03.1.jpg');}
	#slide-3 .bcg.duplication2 {	background-image: url('../img/portrait_03.2.jpg');}
	#slide-3 .bcg.duplication3 {	background-image: url('../img/portrait_03.3.jpg');}
	#slide-3 .bcg.duplication4 {	background-image: url('../img/portrait_03.4.jpg');}
	/*#slide-3 .bcg.duplication5 {	background-image: url('../img/portrait_03.5.jpg');}*/
	#slide-3 .bcg.duplication5 {	background-image: url('../img/portrait_03.6.jpg');}
	#slide-3 .bcg.duplication6 {	background-image: url('../img/portrait_03.7.jpg');}
	#slide-3 .bcg.duplication7 {	background-image: url('../img/portrait_03.8.jpg');}
	#slide-3 .bcg.duplication8 {	background-image: url('../img/portrait_03.8.jpg');}

	/* Slide 4 */
	#slide-4 .bcg.duplication1 {	background-image: url('../img/portrait_04.1.jpg');}
	#slide-4 .bcg.duplication2 {	background-image: url('../img/portrait_04.2.jpg');}
	#slide-4 .bcg.duplication3 {	background-image: url('../img/portrait_04.3.jpg');}
	#slide-4 .bcg.duplication4 {	background-image: url('../img/portrait_04.4.jpg');}
	#slide-4 .bcg.duplication5 {	background-image: url('../img/portrait_04.5.jpg');}
	#slide-4 .bcg.duplication6 {	background-image: url('../img/portrait_04.6.jpg');}
	#slide-4 .bcg.duplication7 {	background-image: url('../img/portrait_04.7.jpg');}

	/* Slide 6 */
	#slide-6 .bcg.duplication1 {	background-image: url('../img/portrait_06.1.jpg');}
	#slide-6 .bcg.duplication2 {	background-image: url('../img/portrait_06.2.jpg');}
	#slide-6 .bcg.duplication3 {	background-image: url('../img/portrait_06.3.jpg');}
	#slide-6 .bcg.duplication4 {	background-image: url('../img/portrait_06.4.jpg');}
	#slide-6 .bcg.duplication5 {	background-image: url('../img/portrait_06.5.jpg');}
	#slide-6 .bcg.duplication6 {	background-image: url('../img/portrait_06.6.jpg');}
	#slide-6 .bcg.duplication7 {	background-image: url('../img/portrait_06.7.jpg');}

	/* rules for text parralax display */
	
	/* style by slide */
	
	#slide-1 header {
		position : absolute;
		top : 50%;
		left : 10%;
		width : 36em;
		height : 24em;
		margin-top : -12em;
	}
	
}