.portfolio-image {position: relative; margin: 4rem 0; text-align: center;}
.portfolio-image div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-shadow: 4px 4px 6px rgba(0,0,0,0.35); text-align: center;}
.portfolio-image a img:hover {filter: brightness(80%);}
.portfolio-image img{width: 100%; max-height:80vh; object-fit: cover}
.portfolio-image .lead {font-size: 1.75rem;}

.portfolio-video {margin: 4rem 0;}

.homepage-video 


#player-overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000        
    z-index:999;
}


.text {
  position: absolute;
  color: whitesmoke;
  font-size: 32px;
}

.text .display-3 {
	font-size: 1.75rem;
	font-weight: 300;
	line-height: 1.2;
}

.text .lead {
	font-size: 1rem;
	font-weight: 300;
}

@media (min-width: 768px) {
  .text .display-3 {
		font-size: 4.5rem;
	}

	.text .lead {
		font-size: 1.75rem;
	}
}