/* ----------------------- VARS --------------------------- */
:root{
  
}

#projects_div{}

/* ----------------------- Project --------------------------- */
.project{
	
	display: inline-block;
	box-sizing: border-box;
	
	width: 50%;
	padding: 1.5px;
	
	cursor: pointer;
	position: relative;
}

.project>img{
	
	width: 100%;
}
.project:hover>img{
	
	opacity: 0.5;
	transition: 0.3s;
}

.project>.title{
	
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: 0;
	font-size: 20px;
}
.project:hover>.title{
	
	display: inline-block;
}


/* ----------------------------------- MOBILE ----------------------------------- */
@media (pointer:none), (pointer:coarse){ 
/* ----------------------- GLOBAL ------------------------- */

	.project{

		width: 100%;
	}
    footer svg{
        
        width: 130px;
    }

}