/* CSS Document */

/* Fonts */

@font-face {font-family: 'neon_80sregular';src: url('../fonts/neon-webfont.woff2') format('woff2'),	 url('../fonts/neon-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/* Landing Page */

#logo{width: 100%;max-width: 388px;}
body{background-color: #1d203f;width: 100%;height: 100vh;position: relative;overflow: hidden;}
#LP-imgBackground1{position: absolute;top: 0;left: 0;width: 20%;}
#LP-imgBackground2{position: absolute;top: 0;right: 0;width: 20%;}
#LP-imgBackground3{position: absolute;bottom: -45px;right: -5px;width: 20%;}
#LP-form{background-color: #ffffff;padding: 40px 30px;border: 2px solid #9c005d;margin-top: 50px;-webkit-box-shadow: -15px 15px 0px 0px rgba(156,0,93,1);-moz-box-shadow: -15px 15px 0px 0px rgba(156,0,93,1);box-shadow: -15px 15px 0px 0px rgba(156,0,93,1);}
#LP-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;max-width: 500px;}
#LP-content h2{font-family: 'neon_80sregular';color: #ffffff;font-size: 70px;text-transform: uppercase;font-style: italic;margin-top: 25px;margin-bottom: 35px;}
#LP-content h1{font-family: 'neon_80sregular';color: #ffffff;font-size: 39px;text-transform: uppercase;font-style: italic;margin-top: 0;}
#LP-content h1 strong{color: #f6cf18;}
#LP-content input[type="text"],#LP-content input[type="email"]{background-color: #f0e92e;border: 2px solid #9c005d;text-align: center;color: #492563;border-radius: 0;font-size: 18px;font-weight: bold;text-transform: uppercase;padding: 20px;}
#LP-content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #492563;opacity: 0.7; /* Firefox */}
#LP-content :-ms-input-placeholder { /* Internet Explorer 10-11 */color: rgba(73,37,99,0.70);}
#LP-content ::-ms-input-placeholder { /* Microsoft Edge */color: rgba(73,37,99,0.70);}
#LP-content input[type="submit"]{background-color: #59c4e7;color: #ffffff;border-radius: 0;border: 2px solid #9c005d;padding: 20px;line-height: 0;max-width: 245px;margin: auto;text-transform: uppercase;-webkit-box-shadow: -5px 5px 0px 0px rgba(156,0,93,1);-moz-box-shadow: -5px 5px 0px 0px rgba(156,0,93,1);box-shadow: -5px 5px 0px 0px rgba(156,0,93,1);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;cursor: pointer;}
#LP-content input[type="submit"]:hover{transform: translate(5px,5px);-webkit-box-shadow: -10px 10px 0px 0px rgba(156,0,93,1);-moz-box-shadow: -10px 10px 0px 0px rgba(156,0,93,1);box-shadow: -10px 10px 0px 0px rgba(156,0,93,1);}
#LP-content .error{color: red;border-color: red;}
#LP-footer{position: absolute;bottom: 0;width: 100%;text-align: center;color: #ffffff;padding: 10px;font-weight: 300;font-size: 14px;}
#LP-footer a{color: #ffffff;}
#LP-footer a:hover{color: #f0e92e;}
#sous-text{font-size: 12px;margin-top: 18px;color: #666666;}

@media (max-width: 575.98px) { 
	#LP-content{max-width: 350px;padding: 25px;position: relative;top: inherit;left: inherit;bottom: inherit;right: inherit;margin: auto;transform: none;}
	#LP-footer{position: relative;top: inherit;left: inherit;bottom: inherit;right: inherit;margin-top: 30px;}
	#LP-content h2{font-size: 25px;margin-top: 5px;margin-bottom: 25px;}
	#LP-content h1{font-size: 20px;}
	#logo{width: 100%;max-width: 250px;}
	#LP-form{margin-top: 20px;}
	#LP-imgBackground1{width: 40%;}
	#LP-imgBackground2{width: 40%;}
	#LP-imgBackground3{width: 40%;}
	body{background-color: #1d203f;width: 100%;height: auto;position: relative;overflow: auto;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { ... }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { ... }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { ... }