/* Adds specific styles to other CSS objects */

.ex-grid {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-column-gap: 30px;
	grid-row-gap: 50px;
}

.ex-grid-item{
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
}

.ex-grid-item p{
	background-color: #fff;
	height: 50px;
	text-align: left;
}

.ex-grid-item h5{
	text-align: left;
	height: 75px;
	background-color: white;
	font-size: 16px bold;
	clear: both;
	opacity: 90%
}

.ex-grid-item a:hover{
	background-color: #ccc; opacity: 0.2;
}

.item-title{
	background-color: #fff;
	height: 30px;		
}