.banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
  url("../images/cycling-photo-banner.jpeg");
  padding: 150px 0;
}
.container {
  margin-left: 60px;
}

.banner h1 {
  margin: 0;
  color: white;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  font-size: 32px;
  font-weight: bold;
}

.banner p {
  font-size: 20px;
  color: white;
  opacity: .7;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.banner a {
  background-color: red;
  padding: 12px;
  border-radius: 12px;
  color: white;
  text-decoration: none;
  transition: .4s ease;
}
.banner a:hover, a:focus{
  background-color: rgb(173, 28, 28);
}
.cards-titles {
  color: red;
}