.projTooltip{
	position: fixed;
	width: 0px;
	height: 0px;
	background-color: white;
	border-radius: 10px;
	border: gray 1px solid;
	overflow: hidden;
	transition: width 0.1s, height 0.1s;
}
.projToolDesc{
	padding: 20px;
	width: 0px;
	height: 0px;
}
.projTooltip.active{
	width: 40%;
	height: 35vh;
	top: 20px;
	left: 20px;
}
.active .projToolDesc{
	width: 100%;
	height: auto;
}
@media (max-width: 991px) {
	.projTooltip.active{
		width: 90%;
	}
}

.airplaneProj{
	background-image: url("../img/zot1.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.strujaProj{
	background-image: url("../img/strujaProjPrez.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.radarProj{
	background-image: url("../img/radar1.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.olimpProj{
	background-image: url("../img/olimp1.png");
	background-repeat: no-repeat;
	background-size: cover;
}