.projects-row {padding:11px;}
.project-tile {padding:4px;}
.project-link {
	display:block;position:relative;box-shadow: 5px 5px 25px -5px rgba(0,0,0,0.75);
	overflow:hidden;border:2px solid black;
}
.project-link:hover{
	border-color:white;
}
.project-name {
	width:100%;color:white;background:black;text-align:center;padding:4px 0;
	font-size:16px;font-weight:bold;
}

.project-text,
.project-matrix,
.project-image {height:200px;}
.project-image {background-position:center;background-size:auto 100%;}
.project-matrix {background:rgba(0,0,0,0.5);}

.project-text {background:rgba(0,0,0,0.5);text-align:center;color:white;
	padding-top:70px;font-weight:bold;
	padding-left:20px;
	padding-right:20px;
}

.project-link:hover {text-decoration:none;}
.project-link:hover  .project-name {background:black;color:white;}

.matrix-canvas {
	background:black;width:100%;height:100%;
}
.matrix-row a.not-clickable {pointer-events:none;}

.matrix-scanning {text-align:center;padding-top:68px}
.matrix-scanning img {height:50px;}
.matrix-online,
.matrix-offline {
	display:none;text-align:center;font-size:40px;
	font-weight:bold;line-height:40px;
	padding-top:78px;
}
.matrix-online {color:lime;}
.matrix-offline {color:red;}

.all-projects {margin-bottom:100px;}
.all-projects a{color:white;}