#containeri {
	height:100%;
	margin-bottom: 60px;
	margin-top: 10px;
	width: 100%; 
}

.flexcontainer3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: 5%;
	margin-right: 5%;
	width: 100%;
}


.flexitem2 {
	height:auto;
	position: relative;
	width: 50%;
}

.imagex {
  	display: block;
	height: auto;
	margin-bottom: 5%;
  	width: 80%;
}

.overlay {
	background-color: black;
	bottom: 0;
  	height: 96%;
  	left: 0;
  	opacity: 0;
  	position: absolute;
   	right: 0;
	top: 0;
	transition: .5s ease;
  	width: 80%;
}

.flexitem2:hover .overlay {
  	opacity: 1;
}

.text {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 5vw;
	line-height: 20px;
    text-decoration-color: #438945;
    width: 90%;
    height: auto;
  	color: #EBA63F;
 	 position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	text-align: center;
}

@media only screen and (min-width: 641px) {
	#containeri {
	height:50%;
	width: 50%; 
	margin-top: 10px;
	margin-bottom: 160px;
	margin-left:auto;
	margin-right:auto;
}

.flexcontainer3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}


.flexitem2 {
	width:33.3%;
}

.imagex {
	margin-bottom: 5%;
}

.overlay {
  	position: absolute;
  	top: 0;
  	bottom: 0;
 	left: 0;
 	right: 0;
 	height: 96%;
 	width: 80%;
 	opacity: 0;
 	transition: .5s ease;
 	background-color: black;
}

.flexitem2:hover .overlay {
  	opacity: 1;
}

.text {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 24px;
	line-height: 30px;
    width: 90%;
 	height: auto;
  	color: #EBA63F;
  	position: absolute;
 	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	text-align: center;
} 
}