.text-hover-block {
	margin: none;
	padding: none;
	background-position: center center;
	background-size: cover;
	height: 70rem;
}

.overlay-content {
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: 1s ease;
	background-color: #000000;
	padding: 6%;
	color: white;
	justify-content: center;
	font-size: 18pt;
}

.text-hover-block:hover .overlay-content {
  opacity: 1;
}

@media screen and (max-width: 800px) {
	
.text-hover-block {
	height: 50rem;
}}

@media screen and (max-width: 1500px) {
	
.text-hover-block {
	height: 60rem;
}}

@media screen and (max-width: 1250px) {

.text-hover-block {
	height: 50rem;
}}

@media screen and (max-width: 1050px) {

.overlay-content p {
	font-size: 12pt !important;
}

.text-hover-block {
	height: 45rem;
}}

@media screen and (min-width: 2000px) {

.text-hover-block {
	height: 85rem;
}}