@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-UltraLight.woff2') format('woff2'),
        url('font/QanelasSoft-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-Medium.woff2') format('woff2'),
        url('font/QanelasSoft-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-ExtraBold.woff2') format('woff2'),
        url('font/QanelasSoft-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-Regular.woff2') format('woff2'),
        url('font/QanelasSoft-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-Medium.woff2') format('woff2'),
        url('font/QanelasSoft-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-Regular.woff2') format('woff2'),
        url('font/QanelasSoft-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-ExtraBold.woff2') format('woff2'),
        url('font/QanelasSoft-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('font/QanelasSoft-UltraLight.woff2') format('woff2'),
        url('font/QanelasSoft-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

body {
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 105vh;
	Height: 100%;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Qanelas Soft';
	font-weight: 700;
	background-color: #120f1e;
	background-attachment: fixed;
}
img.lion, img.dragon {
	display:block;
		position:fixed;
	bottom:-15px;	
	z-index:0;
	height:100vh; 
}
img.lion{
	left:0;
}
img.dragon {
	right:0;
}
div#main {
	max-width:700px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:100;
	position:relative;
		
}
div.lion, div.dragon{
	position: absolute;
	top: 20px;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;	
}
div.lion span, div.dragon span{
	font-weight: 700;
	font-size: 20px;

}
.blur {
	text-shadow: 0px 0px 7px #274f9e;
	color:#b5d9f1;
	
}
div.lion {
	left:-50px;		
}
div.dragon {
	right:-50px;		
}
div img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.accroche{
width:90%;
}
.logo {
	width:150px;
	margin-bottom:20px;


}
h2 {
	color:#fff;
	margin:0px;
		margin-left:auto;
	margin-right:auto;
	font-size:22px;
	
}
p {
	color:#dbeffd;
	margin:0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	line-height:25px;
	font-size:17px;
}
a{
 padding-left:70px;
 padding-right:70px;
 padding-top:0px;
 padding-bottom:0px;
 text-decoration:none;
 display:inline-block;
 height:70px;
 background-color:#ff8429;
 color:#ffe8bf;
 font-size:30px;
 line-height:70px;
 text-align:center;
 margin-top:30px;
 -webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
 }
 a:hover{
 background-color:#ffe8bf;
 color:#ff8429;
 -webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
 }
 p.loc {
font-size:20px;
}

@media screen and (max-width: 1024px) {
	img.lion, img.dragon  {
	width:25%;
	height:auto;

}

}
@media screen and (max-width: 768px) {
div.dragon, div.lion {
	position:relative;
	left:0;
	right:0;	
}
img.lion, img.dragon  {
display:none;
}
p {
	margin-top:30px;
	margin-bottom:30px;
}
a {
	margin-top:40px;
}
}