@font-face {font-family:"ZCOOLXiaoWei"; src:url(ZCOOLXiaoWei-R.ttf) format("truetype");}
@font-face {font-family:"Montserrat-Light"; src:url(Montserrat-Light.ttf) format("truetype");}
@font-face {font-family:"Montserrat-Medium"; src:url(Montserrat-Medium.otf) format("opentype");}

body {padding: 0;margin: 00; overflow: hidden; max-height: 100vh; font-family: Montserrat-Light}
			img { max-width: 100%}
			.box_banner { width: 100%  ; position: relative  ; height: 100% ; }
			.box_desc { width: 50%  ; right: 0 ; top: 0 ; position: absolute  ; text-align: center}
.clear{clear:both; display:block;}
.logo {     width: 180px;  margin: 34px auto 14px auto  }
h2 { font-family: ZCOOLXiaoWei;  font-size: 30px; letter-spacing: 1px; font-weight: 100; }
h2  span { color: #ca9f4b}
h4 {font-family: Montserrat-Light; font-size: 13px;  text-align: justify; font-weight: 100;  color: #1a1a1a;   margin-left: 10vw;   max-width: 70%;}
.voir { font-family: Montserrat-Medium ; text-transform: uppercase ; border: solid 1px #ca9f4b ; padding: 8px ; text-align: center ; width: 120px  ; display: inline-block;     margin: 15px auto 30px auto;  }
a { text-decoration: none  ; }
.voir a { color:  #1a1a1a ; font-size: 15px }
.resp { display: none }
.banner_resp { display: none}

@media  (max-width: 980px) {	
	.banner { display: none}
	.banner_resp { display: block}
	.box_desc {  width: 100%; position: relative}
	body {  overflow: auto;	max-height: inherit; }
	h4 { margin-left: 0;  max-width: 90%;  margin: 0 auto;}
	
}