.main {
  width: 100vw;
  background: #114357;
  background: -webkit-linear-gradient(to right, #7f8b90cb, #4c5461cc);
  background: linear-gradient(to left, #eaeff1ef, #323841fa);
}
.top-hero {
  height: 100vh;
  flex-direction: row;
}
.hero-font {
  font-family: 'Lato', sans-serif;
  font-size: 5rem;
  color: white;
  line-height: 6rem;
  text-shadow: 4px 3px 4px rgba(0,0,0,0.3);
  font-weight: 700;
  text-align: left;
}
.bg-cont {
  position: absolute;
  align-items: center;
  z-index: -9;
  overflow: hidden;
  margin-right: 60rem;
}
.img-bg {
  min-width: 100vw;
  opacity: 70%;
  overflow: hidden;
  position: block;
}
.card-top-title {
  font-family: 'Poppins', sans-serif;
  font-size: 3rem;
  color: white;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  font-weight: 400;
}