/* Alternate hero image */
.hero-image-alt {
/* Use "linear-gradient" to add a darken background effect to the image (../Images/hero_4_alt.jpg). This will make the text easier to read */
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../Images/hero.jpg");

/* Set a specific height */
height: 40%;

/* Position and center the image to scale nicely on all screens */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

/* Place text in the middle of the image */
.hero-text-alt {
text-align: center;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size:28px
	}