canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	
}

.connecting-dots{
	display:none;
}

html {
	overflow:hidden;
}

.mouse .sidebar {
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 332px;
	display:none;
}


.mouse {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
body, .mouse {
	height: 100%;
	margin: 0;
	width: 100%;
}
.mouse .logonContainer {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	
}
.logonContainer{
	background-color:#EFEFEF;
}
.logo-mobile{
	margin-top:0px;
}

@media screen and (min-width: 767px) {
	.logo-mobile{
		display:none;
	}
			
	.connecting-dots{
		display:block;
	}
	.mouse .sidebar {
		bottom: 0;
		left: 0;
		position: absolute;
		top: 0;
		width: 332px;
		display:block;
	}
	
	
	.mouse {
		bottom: 0;
		left: 0;
		min-height: 650px;
		min-width: 650px;
		position: absolute;
		right: 0;
		top: 0;
	}
	body, .mouse {
		height: 100%;
		margin: 0;
		width: 100%;
	}
	.mouse .logonContainer {
		bottom: 0;
		left: 0;
		padding-left: 10%;
		padding-right: 142px;
		padding-top: 154px;
		position: absolute;
		right: 0;
		top: 0;
		
	}
	.logonContainer{
		margin-left:332px;
		background-color:#EFEFEF;
	}
}