@media (min-width: 1400px) {
  .hero__cover {
    margin-bottom: 40px;
  }
}
@media (min-width: 850px) and (max-width: 1399px) {
  .hero__cover {
    margin-bottom: 30px;
  }
}
@media (max-width: 849px) {
  .hero__cover {
    margin-bottom: 40px;
  }
}