@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap');

html, body {
	font-family: 'Raleway', sans-serif;
}
@media only screen and (min-width: 600px) {
.carousel-item, .carousel-item img {
	height:100vh;
	text-shadow: 3px 3px 4px black;
}
}
.fs-10 {
	font-size: 70pt
}
.fs-11 {
	font-size: 50pt
}
.fs-12 {
	font-size: 60pt
}
.fs-13 {
	font-size: 40pt
}
.nav-bg {
	background: transparent url('images/trans-bgd.png') repeat;
	text-shadow: 1px 1px 2px black;
}
.bg-reblue {
	background-color: #afbcbd;
}
.slider-caption-div {
    background: transparent url('images/slider-background-silver-min.jpg') no-repeat right bottom;
    background-size: contain;
}
a.nav-link-white:link { color:#fff } 
a.nav-link-white:hover { color:#FFFF00 } 
a.nav-link-white:visited { color:#fff } 
.benefits-div-bg {
	height: 450px;
	background:#afbcbd url('images/benefits-div-bgimg.jpg') no-repeat right top	
}
@media only screen and (max-width: 600px) {
.benefits-div-bg {
	height: auto;
	background:#70adda url('images/benefits-div-bgimg.jpg') no-repeat right bottom	
}
}
.features-div {
	background-image: url(img/featuresdivbg.svg);
    background-size: cover;
    min-height: 499px;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.footer-div {
	background-image: url(images/footerbg.jpg);
    background-size: cover;
    min-height: 200px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #afbcbd
}
#project-div-link {
	background: url('img/Solar__project__banner_home_link.png') no-repeat center ; 
	height: 300px;
	margin-top: 10px;
	padding: 5px;
}
#project-div-txt {
	position: absolute;
	top: 35px;
	left: 0;
	text-transform:uppercase
}
#project-div-img {
	position: relative;
}
.projects-container {
  position: relative;
}
.project-image {
  display: block;
  width: 100%;
  height: auto;
}

.project-title-overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.projects-container:hover .project-title-overlay {
  opacity: 1;
}