/* Universal breakpoints */
.hero {
  position: relative;
  max-width: 1440px;
  margin: auto; }
  .hero__image {
    background-size: cover;
    background-position: 0% 30%;
    height: 230px; }
  .hero__video {
    background-color: #3b3d49;
    position: relative;
    width: 100%;
    height: 100%; }
    @media (max-width: 991px) {
      .hero__video {
        min-height: 230px; } }
    .hero__video video {
      position: absolute;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 0% 20%;
      object-position: 0% 20%; }
  .hero__content {
    background: linear-gradient(174deg, #1f2026 0%, #1f2026 100%);
    color: white;
    padding: 32px 18px; }
    .hero__content h1 {
      margin-bottom: 8px; }
  @media (min-width: 992px) {
    .hero {
      height: 600px; }
      .hero__image {
        height: 100%; }
      .hero__content {
        background: linear-gradient(-98deg, rgba(59, 61, 73, 0) 10%, #1f2026 100%);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 150px;
        padding-right: 150px; }
        .hero__content h1 {
          margin-bottom: 20px; }
        .hero__content p {
          line-height: 32px;
          max-width: 830px; } }