.hero {
  background-image: url('/images/waves1920.jpg');
  height: 500px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}

.hero h1 {
  font-size: 3.0rem;
  /* font-weight: bold; */
  margin-bottom: 40px;
  color: #FD4427;
  text-shadow: 1px 1px 5px white;
}

.hero h3 {
	font-size: 2rem;
	line-height: 1.2;
	color: #fff;
	text-shadow: 1px 1px 10px black;
}

.hero p {
  font-size: 1.5rem;
  margin-bottom: 30px;
}

/* .btn-primary { */
  /* background-color: #fff; */
  /* color: #333; */
  /* padding: 10px 20px; */
  /* border-radius: 5px; */
  /* text-decoration: none; */
  /* font-weight: bold; */
  /* transition: all 0.3s ease-in-out; */
/* } */

/* .btn-primary:hover { */
  /* background-color: #333; */
  /* color: #fff; */
/* } */