#showcase {
	z-index: -1000;
	color: black;
	padding-top: 70px;
	padding-bottom: 50px;
}

.website {
	height: 300px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
	margin-top: 10px;
	border: 2px solid black;
	background-size: cover;
    cursor:pointer !important;
}


/* Small devices (tablets, 768px and up) */

@media (max-width: 992px) {
	.website {
		background-size: 100% 100% !important;
	}
}

@media (min-width: 768px) {
	.website {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media (min-width: 1200px) {
	/*.website{width:31%;}		*/
}

.website a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 300px;
	left: 0px;
	color: black;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


/* This is the button to expand the link */

.website button {
	display: block;
	background: white;
	border: 2px solid black;
	position: absolute;
	font-weight: 900;
	bottom: 5%;
	text-align: center !important;
	right: 5%;
	width: 35px;
	height: 35px;
	border-radius: 25px;
	border-left: 4px solid black;
}

.website a:hover {
	text-decoration: none;
}

.website a h2 {
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.79);
}

.website:hover > a {}

.website h2,
.website h3 {
	margin: 0;
	padding-top: 130px;
}

#ivy {
	background-image: url('../img/ivygraffiti.png');
}

#aquaticplayground {
	background-image: url('../img/aquaticplayground.png');
}

#burgesscivil{
    background-image: url('../img/benburgess.PNG');
}

#dynastyboard {
	background-image: url('../img/dynastyboard.png');
}

#kidberg {
	background-image: url('../img/kidberg.png');
}

#connectcolombia {
	background-image: url('../img/connectcolombia.png');
}

@media (max-width: 992px) {
	.website .link.expanded {
		display: block;
		background: rgba(255, 255, 255, 0.5);
		top: 0px;
	}
}

@media (min-width: 992px) {
	.website:hover > a {
		display: block;
		background: rgba(255, 255, 255, 0.5);
		top: 0px;
	}
	#showcase {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	#showcase {
		width: 1170px;
	}
}