header {
    height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #12171b;
	z-index: 9;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,0.06);

}
#content-wrapper {
	position: relative;
	padding-top: 6rem;
	display: flex;
	height: 100%;
	overflow: hidden;
}
#panel-menu {
	z-index: 1;
	width: 25vw;
	transition-property: margin-left;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	display: flex;
	flex-direction: column;
}
#panel-menu .scrolling > div {
	height: auto;
}
#panel-menu.show {
	left: 0vw;
}

#main-content {
	display: flex;
	width: 100%;
}

#main-content.single-panel > .main-content-panel {
	width: 100%;
	min-height: 100%;
}

.main-content-panel {
	display: none;
	width: 38%;
	transition-property: width;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

#droite.main-content-panel {
	width: 62%;
	background-color: #12171b;
	background-repeat: no-repeat;
    background-position: center 35%;
    background-image: url(../img/bg_logo.png);
}

.main-content-panel.show {
	display: block;
}