html {
 
			width: 100%;
				height: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   
    background-repeat:no-repeat;
			
			text-align: center;
			margin:0px;
			padding:0px;
			font-family: 'Roboto', sans-serif;
			
	
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background-attachment: fixed;
	
			
			
		}
		.logo{
			
		-webkit-animation: fadein 4s; 
       -moz-animation: fadein 4s; 
        -ms-animation: fadein 4s; 
         -o-animation: fadein 4s;
            animation: fadein 4s;	
			
			
		}
		
		
#divElement {
    position: fixed;
  top: 50%;
  left: 50%;
  
  transform: translate(-50%, -50%);
}
		
		
		
		
		@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.join {
    display: block;
    position: relative;
	padding-top: 20px;
    margin: 0 auto;
    width: 200px;
    height: 48px;
    line-height: 15px;
    font-size: 11px;
    text-transform:uppercase;
    font-family: 'Montserrat';
    color: #fff;
    font-weight:500;
	text-decoration: none;
	-webkit-animation: fadein 6s; 
       -moz-animation: fadein 6s; 
        -ms-animation: fadein 6s; 
         -o-animation: fadein 6s;
            animation: fadein 6s;	
}