@charset "UTF-8";
/* CSS Document */
 *{
                margin:0;
                padding:0;
                border:0;
            }

           a {
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	-ms-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
	text-decoration: none;
color: #ccc;
	
}

	
	
 a:link {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

a:active {;
	text-decoration: none;
	color: #fff;
}
body{
	 font-family: 'NeueHaasUnicaW1G-Heavy', 'Arial' cursive; 
	
	 opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:0.5s;
    animation-delay: 0.5s 
    }
	
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } 
}


            body, html{
                background-color:#E6E7EC;
}

#bg {
	
	
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%;
	z-index:-1;

	

	
	
}

#bg img {
    position: absolute;
    background-color: #BDC3CC;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;	
	
	
}

#wrapper {
 
    margin: 0 auto;
    width: 840px;
    padding: 200px 0;
}

#formpanel {
 
    height: 400px;
margin-left:100%;


    margin: auto;
}

#loginForm {
   
    height: 50px;
margin-left:20%;
   
	padding-left:50px;
	margin-top:100px;
  
}
#shares {
	padding-top: 10px;
   
   
    height: 50%;
	margin-left:40%;
	
  
}

#header {
	position:fixed;
    margin: auto;
   top:0px;
	   left:0px;
   
	padding-left:20px;
	padding-top:20px;
	
  
}

 @media only screen and (max-width: 960px) {
#wrapper {
	position:absolute;
 
    margin-left:30px;
	top:0px;;
 width:100%;
		height:auto;
    padding: 0px 0 0 30;
}

#formpanel {
	position: absolute;
 
top:175px;

	
    margin:  -60px 0px 0px 20px;
}
	 #formpanel img{
		 max-width:80%;
			 height:auto
		 
	 }

#loginForm {
   
position:absolute;
   
	height: auto;
	margin-top:50px;
	 }
	
	#loginForm img{
		max-width:220px;
		height:auto;
		margin-left:-90px;
	
	
	
   
	
  
}
#shares {
	position:absolute;
	padding-top: 100px;
	padding-bottom: 0px;
	
    margin-left:90px;
   
    height: 50%;

	
  
}

#header {
	position:absolute;

   top:0px;
	   left:0px;
   
	padding-left:20px;
	padding-top:20px;
	 }
  
}