/*
  _  __     ______     ______     ______     ______     __         ______  
/\ \/ /    /\  __ \   /\  == \   /\  __ \   /\  __ \   /\ \       /\__  _\ 
\ \  _"-.  \ \ \/\ \  \ \  __<   \ \  __ \  \ \  __ \  \ \ \____  \/_/\ \/ 
 \ \_\ \_\  \ \_____\  \ \_____\  \ \_\ \_\  \ \_\ \_\  \ \_____\    \ \_\ 
  \/_/\/_/   \/_____/   \/_____/   \/_/\/_/   \/_/\/_/   \/_____/     \/_/ 


Design & front-end dev. by Thibault Claisse  
  
 */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, primary, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, primary, nav, section {display: block;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

*,
*::after,
*::before {
	box-sizing: border-box;
}

html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	font-family: 'Montserrat', Arial, sans-serif;
	background:#001689;
}


body.iframe{
	background:none;
}



/*--- container ---*/
.container {
	width:100%;
	height:100%;
	margin:0;
	float:left;
}
.tophead {
	width:100%;
	float:left;
	position:fixed;
	z-index:400;
}
.logo {
	width:30%;
	float:left;
	padding:60px 60px 0 60px;
}
.logo img {
	width:100%;
	max-width:300px;
	min-width:170px;
	height:auto;
}
.logo a img{
	opacity:1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.logo a:hover img {
	opacity:0.7;
}
.menu-top-head{
	float:right;
    width:70%;
	padding:85px 60px 0 0;
}
.menu-top-head ul{
	display:inline-block;
	width:auto;
	float:right;
	text-align:right;
}
.menu-top-head ul li{
	float:left;
}
.menu-top-head ul li a{
	float:left;
	font:500 20px 'Montserrat', Arial, sans-serif;
	color:#f18a00;
	padding:5px 0 5px 0;
	margin: 0 20px;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	border-bottom:3px solid transparent;
} 
.menu-top-head ul li a:hover{
	color:#f18a00;
	border-bottom:3px solid #f18a00;
}

.menu-top-head ul li .current{
	float:left;
	font:500 20px 'Montserrat', Arial, sans-serif;
	color:#f18a00;
	padding:5px 7px;
	width:70px;
	text-align:left;
	margin: -3px 0 0 20px;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	
	background:transparent url(../img/arrow.svg) 90% 49% no-repeat;
	background-size:20px;
	border:3px solid #f18a00;
	cursor:pointer;
	position:relative;
	z-index:100;
} 
.menu-top-head ul li .current.active{
	background:transparent url(../img/arrow2.svg) 90% 48% no-repeat;
	background-size:20px;
}
.menu-top-head ul li .switch{
	
    float: left;
    padding: 5px 0;
    width: 70px;
    text-align: center;
    position: relative;
    margin: 29px 0 0 -90px;
    text-align: center;
	display:none;
	position:relative;
	z-index:99;
}
.menu-top-head ul li .switch a{
	font:500 20px 'Montserrat', Arial, sans-serif;
	color:#f18a00;
	padding:5px 7px;
	width:70px;
	text-align:left;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	background:transparent;
	border:3px solid #f18a00;
}
.menu-top-head ul li .current:hover{
	color:#f18a00;
	background-color:#001689;
}
.menu-top-head ul li .switch a:hover{
	color:#001689;
	background:#f18a00;
} 






/*-- typo --*/

h1,  h2,  h3,  h4,  h5,  h6 {
width:100%;
float:left;
font-family: 'Montserrat', Arial, sans-serif;
color:#f58220;
display:block;
}
 h1 {
	 
	font:700 40px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:0 0 10px 0;
}
h2 {
	font-size:28px;
	line-height:1.2em;
	padding:20px 0 10px 0;
}
h3 {
	font-size:24px;
	line-height:1.6em;
	padding:15px 0 10px 0;
}
h4 {
	font-size:20px;
	line-height:1.6em;
	padding:10px 0 5px 0;
}
h5 {
	font-size:16px;
	line-height:1.6em;
	padding:10px 0 5px 0;
}
h6 {
	font-size:14px;
	line-height:1.6em;
	padding:10px 0 5px 0;
}
p{
	font:500 14px 'Montserrat', Arial, sans-serif;
	line-height:1.8em;
	display:block;
	padding:3px 0 5px 0;
	color:#fff;
}
label{
	font:500 14px 'Montserrat', Arial, sans-serif;
	line-height:1.8em;
	display:block;
	padding:3px 5px;
	color:#fff;
}
input {
	font:500 14px 'Montserrat', Arial, sans-serif;
	line-height:1.8em;
	display:block;
	padding:3px 0 5px 0;
	color:#001689;
}
.orange, .contenu-inside a {
	color:#f58220;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.contenu-inside a:hover {
	color:#fff;
}

.contenupop ul,
 .main-content ul{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	padding:0;
}
.contenupop ul li,
 .main-content ul li{
	font:500 14px 'Montserrat', Arial, sans-serif;
	width: 97%;
    float: left;
    line-height: 1.8em;
    margin: 0 0 0 3%;
	padding:0;
	color:#fff;
}
.contenupop ul li::before,
 .main-content ul li::before{
	content:"";
	display:block;
	width:10px;
	height:2px;
	background:#f58220;
	position:relative;
	top:13px;
	left:-15px;
}
strong {
	font-weight:bold;
}
.img-right {
	float:right;
	margin:0px 0 25px 25px;
	-webkit-box-shadow: -5px 5px 40px 5px #D4D4D4;
	box-shadow: -5px 5px 40px 5px #D4D4D4;
}
.img-left {
	float:left;
	margin:0 26px 27px 0;
	-webkit-box-shadow: -5px 5px 40px 5px #D4D4D4;
	box-shadow: -5px 5px 40px 5px #D4D4D4;
}

/*--*/

.main-content {
	width:50%;
	float:left;
	position:relative;
	z-index:210;
    padding: 0px 60px 60px 60px;
    top: 31%;
    left: 50%;
	height:52%;
	overflow:auto;
	/*-webkit-mask-image: -webkit-gradient(linear, 0 90%, 0 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}

#mining .main-content {
	width:49.5%;
	float:left;
	position:relative;
	z-index:500;
    padding: 0 60px 60px 60px;
    top: 24%;
	right:0.5%;
    left: 50%;
    height: 57%;
	overflow:auto;

}
.main-content .contenu{
    padding: 0 0 30px 0;

}
	
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #fff;
  border: 0px none;
  border-radius: 50px;
  margin:0 5px 0 0 ;
}
::-webkit-scrollbar-thumb:hover {
  background: #f58220;
}
::-webkit-scrollbar-thumb:active {
  background: #f58220;
}
::-webkit-scrollbar-track {
  background: #001689;
  border: 0px none #ffffff;
  border-radius: 42px;
}
::-webkit-scrollbar-track:hover {
  background: #001689;
}
::-webkit-scrollbar-track:active {
  background: #001689;
}
::-webkit-scrollbar-corner {
  background: transparent;
}





#home {
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	background:#001689 url(../img/bg-mine2.jpg) no-repeat;
	background-size:cover;
}
#mining {
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	background:#001689 url(../img/bg-mine2.jpg) no-repeat;
	background-size:cover;
}
#business {
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	background:#001689 url(../img/bg-business1.jpg) no-repeat;
	background-size:cover;
}
#project {
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	background:#001689 url(../img/bg-project1.jpg) no-repeat;
	background-size:cover;
}
.shape {
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	background:url(../img/shape1.svg) center  no-repeat;
	background-size:cover;
	background-position:10% 10%;
	position:fixed;
}
#home .shape {
	background:url(../img/shape1.svg) center  no-repeat;
    margin: 10% 0 0 0;
}
#mining .shape {
	background:url(../img/shape1.svg) center  no-repeat;
    margin: 10% 0 0 0;
}
#business .shape {
	background:url(../img/shape2.svg) no-repeat;
    background-size: 71%;
    margin: 0% 0 0 0;
    background-position: 50% -22%;
}
#project .shape {
	background:url(../img/shape3.svg)  no-repeat;
    background-size: 87%;
    margin: 0% 0 0 0;
    background-position: -38% 58%;
}


.accroche {
	width:50%;
	float:left;
	position:fixed;
    top: 25%;
    z-index: 300;
}
.accroche h3 {
	color:#fff;
	font:800 60px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:40px 0 10px 0;
	text-align:right;
}

#home .accroche {
	width:50%;
	float:left;
	position:fixed;
    top: 30%;
}
#home .accroche h3 {
	font:800 75px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:40px 0 10px 0;
	text-align:right;
}

.menu-home {
	width:70%;
	float:left;
	position:fixed;
    top: 60%;
    left: 30%;
}
.menu-home li{
	width:33.3%;
	float:left;
}
.menu-home li a{
	color:#fff;
	text-align:left;
	font:700 25px 'Montserrat', Arial, sans-serif;
	padding:50px;
	float:left;
	line-height:1.2em;
    position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.menu-home li a:hover{
	color:#f18a00;
}
.menu-home li span{
	float:left;
	display:block;
	background:#f18a00;
	width:3px;
	height:1000px;
    margin: -3% 0 0 -42%;
	
	-moz-transform: rotate(21deg) translateX(0px) translateY(0px);
	-webkit-transform: rotate(21deg) translateX(0px) translateY(0px);
	-o-transform: rotate(21deg) translateX(0px) translateY(0px);
	-ms-transform: rotate(21deg) translateX(0px) translateY(0px);
	transform: rotate(21deg) translateX(0px) translateY(0px);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.menu-home li.active span{
	width:5px;
	-moz-transform: rotate(21deg) translateX(0px) translateY(-400px);
	-webkit-transform: rotate(21deg) translateX(0px) translateY(-400px);
	-o-transform: rotate(21deg) translateX(0px) translateY(-400px);
	-ms-transform: rotate(21deg) translateX(0px) translateY(-400px);
	transform: rotate(21deg) translateX(0px) translateY(-400px);			
}



/*-----*/


.menu-page {
	width:70%;
	float:left;
	position:fixed;
    left: 30%;
	bottom:-835px;
    z-index: 200;
}
.menu-page li{
	width:33.3%;
	float:left;
    margin-top: 20%;
}
.menu-page li a{
	color:#fff;
	text-align:left;
	font:700 25px 'Montserrat', Arial, sans-serif;
	padding:50px;
	float:left;
	line-height:1.2em;
    position: relative;
    z-index: 2000;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.menu-page li a:hover{
	color:#f18a00;
}
.menu-page li span{
	float:left;
	display:block;
	background:#f18a00;
	width:3px;
	height:1000px;
    margin: 0px 0 0 -142px;
	
	-moz-transform: rotate(21deg) translateX(0px) translateY(0px);
	-webkit-transform: rotate(21deg) translateX(0px) translateY(0px);
	-o-transform: rotate(21deg) translateX(0px) translateY(0px);
	-ms-transform: rotate(21deg) translateX(0px) translateY(0px);
	transform: rotate(21deg) translateX(0px) translateY(0px);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.menu-page li.active {
	margin-top:0%		
}
.menu-page li.active span{
	width:5px;
	-moz-transform: rotate(21deg) translateX(0px) translateY(-400px);
	-webkit-transform: rotate(21deg) translateX(0px) translateY(-400px);
	-o-transform: rotate(21deg) translateX(0px) translateY(-400px);
	-ms-transform: rotate(21deg) translateX(0px) translateY(-400px);
	transform: rotate(21deg) translateX(0px) translateY(-400px);			
}


.menu-page li.active span::before {
    content: "";
    display: block;
    width: 5000px;
    height: 5000px;
    background: #001689;
    position: fixed;
    top: -100%;
    left: 5px;
    opacity: 0.8;
    z-index: 55;
}


/*---*/


.whoweare,
.contactus {
	display:none;
	position:fixed;
	z-index:2000;
	width:95%;
	height:95%;
	top:2.5%;
	left:2.5%;
	background-color: rgba(0, 22, 137, 0.95);
	-webkit-box-shadow: 10px 10px 200px 0 rgba(0,0,0,50);
	box-shadow: 10px 10px 200px 0 rgba(0,0,0,50);
}
.contenu-inside::before {
	content:"";
	float:left;
	display:block;
	background:#f18a00;
    width: 3px;
    height: 340px;
    margin: -2% 0 0 -7%;
	position:fixed;
	z-index:1;
	-moz-transform: rotate(21deg) translateX(0px) translateY(0px);
	-webkit-transform: rotate(21deg) translateX(0px) translateY(0px);
	-o-transform: rotate(21deg) translateX(0px) translateY(0px);
	-ms-transform: rotate(21deg) translateX(0px) translateY(0px);
	transform: rotate(21deg) translateX(0px) translateY(0px);
}

.whoweare .close,
.contactus .close{
	display:block;
	width:50px;
	height:50px;
	margin:20px;
	float:right;
	background:url(../img/close.svg) no-repeat;
	background-size:50px;
	cursor:pointer;
}

.whoweare .contenupop,
.contactus .contenupop{
	display:block;
	width:100%;
	height:100%;
	padding:5% 5%;
	float:left;
}


.whoweare iframe,
.contactus iframe{
	display:block;
	width:100%;
	height:100%;
	float:left;
}



.content-frame .accroche {
	width:50%;
	float:left;
    top: 25%;
	position:relative;
    z-index: 300;
}

.content-frame .accroche h3 {
	color:#fff;
	font:800 60px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:40px 60px 0 0;
	text-align:right;
	
}


.content-frame .contenu-inside {
	width:50%;
	float:left;
    top: 25%;
	position:relative;
    z-index: 300;
	padding:50px 0 0 60px;
}




.hamb {
	width:30px;
	height:30px;
	margin:70px 60px 0 0;
	float:right;
	cursor:pointer;
	display:none;
	position:absolute;
	right:0;
	top:0;
	z-index:1000;
	background:url(../img/hamb.svg) no-repeat;
}
.hamb{
	width:30px;
	height:30px;
}

/*---------------------*/






@media screen and (max-width: 1500px) {
	#home .accroche h3 {
		font:800 60px 'Montserrat', Arial, sans-serif;
		line-height:1.2em;
		padding:40px 0 10px 0;
		text-align:right;
	}
}

@media screen and (max-width: 1200px) {
	
	
	.menu-top-head {
    padding: 67px 60px 0 0;
	}
	.tophead {
    top: 0;
    left: 0;
	}


	#home,#mining,#business,#project{
	height:100%;
	width:100%;
	position:relative;
	background-attachment: fixed;
	}
	.menu-page li.active span::before {
    left: -100px;
	}
	
	.menu-page li span,
	.menu-page li.active span	{
	width:0;
	}
	
	
	#home .accroche {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    padding: 80px 0 0 60px;
	}
	#home .accroche h3{
	font:800 60px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:20px 0 10px 0;
	text-align:left;
	}

	
	.accroche {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    padding: 0 0 0 60px;
	}
	.accroche h3{
	font:800 60px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:20px 0 10px 0;
	text-align:left;
	}

	
	
	.menu-home {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    padding: 40px 0 0 0;
	}
	.menu-home li a{
    padding: 50px 20px;
    float: left;
    line-height: 1.2em;
    position: relative;
	}
	.content-frame .accroche h3 {
	font: 800 50px 'Montserrat', Arial, sans-serif;
	}

	.menu-home li span {
		display: none;
	}
	.menu-home,
	.menu-page {
	width: 100%;
	float: left;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 200;
	}

	.menu-home li,
	.menu-page li {
	width: 33.3%;
	float: left;
	margin-top: 0;
	}
	.menu-home li a,
	.menu-page li a{
    margin: 40px 0 40px 60px;
    padding: 0 0 20px 0;
    border-bottom: 5px solid #f58220;
	}

	.main-content,
	#mining .main-content {
	width: 100%;
	float: left;
	position: relative;
	z-index: 500;
	padding: 60px;
	top: 0;
	right: 0;
	left: 0;
	height: auto;
	overflow: auto;
	}

	.main-content {
	-webkit-mask-image:none;
	}
		
	.menu-page li span {
    height: 0;
    margin: 0;
	}
	
	.menu-page li.active span::before {
    display: none;
	}
	
	
	.container {
	padding: 160px 0 0 0;
	position:fixed;
	width:100%;
	height:100%;
	overflow:auto;
	/*-webkit-mask-image: -webkit-gradient(linear, left top, left 30%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)))*/

	}
	
	
	#business .shape {
	background:url(../img/shape2.svg) no-repeat;
	background-size: 80%;
	margin: 0% 0 0 0;
	background-position:50% 20%;
	}

}/*--*/



@media screen and (max-width: 800px) {	
	.container {
	/*-webkit-mask-image: -webkit-gradient(linear, left top, left 20%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)))*/

	}
	
		
	.accroche {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    padding: 0px 0 0 60px;
	}
	
	.accroche h3,
	.content-frame .accroche h3{
	font:800 60px 'Montserrat', Arial, sans-serif;
	line-height:1.2em;
	padding:20px 0 10px 0;
	text-align:left;
	}
	
	.content-frame .accroche {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    padding: 0px 0 0 60px;
	}
	.content-frame .contenu-inside {
    width: 100%;
    top: 0;
    padding: 50px 0 0 60px;
	}
	
	.contenu-inside::before {
    display:none;
	}
	.whoweare .contenupop, .contactus .contenupop {
    display: block;
    width: 100%;
    height: 90%;
    padding: 0% 5%;
    float: left;
}
	
	
	
	
	
	#business .shape {
	background:url(../img/shape2.svg) no-repeat;
	background-size: 121%;
	margin: 0% 0 0 0;
	background-position:0;
	}
	#project .shape {
	background: url(../img/shape3.svg) no-repeat;
	background-size: 100%;
	margin: 0% 0 0 0;
	background-position:8% 50%;
	}


	.menu-home {
    padding: 0px 0 60px 0;
	}
	#home .accroche {
    padding: 0px 0 0 60px;
	}
	.menu-home li {
    width: 100%;
	}
	.menu-page li {
    width: 50%;
	}
	.menu-home li a{
    margin: 40px 0 0 60px;
	}
	.menu-page li a {
    margin: 40px 0 40px 60px;
    font: 700 17px 'Montserrat', Arial, sans-serif;
	}
	
	.resp {
	display:none;
	}
	.menu-top-head {
	display:none;
	width:100%;
    height: 150%;
	padding: 43px;
	margin:0;
	position: fixed;
	background-color: rgba(0, 22, 137, 0.95);
	}
	.menu-top-head ul {
	float: left;
	}
	.menu-top-head ul li {
	width: 100%;
	float: left;
	}
	.menu-top-head ul li a {
	float: left;
	font: 500 20px 'Montserrat', Arial, sans-serif;
	color: #f18a00;
	margin: 24px 0px;
	}
	.menu-top-head ul li .current {
	margin: 24px 0px;
	}
	.menu-top-head ul li .switch a {
	margin: 27px 0 0 20px;
	}
	.hamb {
	display:block;
	}
}/*--*/


@media screen and (max-width: 600px) {
	
	.container {
	/*-webkit-mask-image: -webkit-gradient(linear, left top, left 15%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)))*/

	}
	
.whoweare iframe, .contactus iframe {
    display: block;
    width: 100%;
    height: 90%;
    float: left;
}
.content-frame .accroche {
    padding: 0px 0 0 0;
}
.content-frame .contenu-inside {
    width: 100%;
    top: 0;
    padding: 50px 0 0 0;
}


.accroche h3, .content-frame .accroche h3 {
    font: 800 50px 'Montserrat', Arial, sans-serif;
}


	.menu-top-head ul li .current {
	margin: 24px 0px;
	}
	.menu-top-head ul li .switch a {
	margin: 27px 0 0 20px;
	}
	.hamb {
	display:block;
	}
}/*--*/


@media screen and (max-width: 500px) {
	
	.logo {
    padding: 30px 60px 0 30px;
	}
.hamb {
    margin: 40px 30px 0 0;
}.container {
    padding: 100px 0 0 0;
}
.menu-page li a {
    margin: 40px 0 40px 30px;
}
#home .accroche,
.accroche {
    padding: 0px 10px 0 30px;
}
#home .accroche h3, .accroche h3, .content-frame .accroche h3 {
    font: 800 40px 'Montserrat', Arial, sans-serif;
}
.menu-home li a {
    margin: 40px 0 0 30px;
}

.main-content, #mining .main-content {
    padding: 60px 30px;
}
}/*--*/