@charset "utf-8";
/* CSS Document */

.hero-image {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/hero2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 10px;
}
 .hero-text {
	 position: relative;
	 color: white;
	 text-align:center;
}

@media (min-width: 768px) { 
	.hero-image {
		min-height: 10px;
		padding: 200px 40px;
	}
}