.container--hero {
  min-height: 90vmin;
  background: linear-gradient(rgba(0, 10, 30, 0.9), rgba(0, 10, 30, 0.9)),
    url("../../static/images/bg-main.png") no-repeat center center / cover;
}

.container--main {
  max-width: 980px;
  margin: auto;
  padding: 20px;
}

.container--main-left {
  margin-top: 80px;
}

.container--main-left h1 {
  width: 60%;
  color: white;
  font-size: 48px;
  line-height: 64px;
}

.container--main-left span {
  color: var(--color-tertiary);
}

.container--main-left p {
  width: 85%;
  color: white;
  margin-top: 30px;
  font-size: 18px;
}

.container--main-left .btn--group {
  margin-top: 50px;
}

.container--main-left button {
  margin: 0 20px 0 0;
}

/* Responsive */

@media (max-width: 768px) {
  .container--main-left h1 {
    width: 80%;
  }

  .container--main-left p {
    width: 100%;
  }
}