.blocks__hero {
  .hero__logo-section {
    background-size: cover !important;
    text-align: center;
    padding: 25px 0;
    a {
      img {
        max-width: 250px;
      }
    }
  }

  .hero__links-block {
    background-color: #141414;
    min-height: 45px;
    ul {
      position: relative;
      display: flex;
      align-items: baseline;
      justify-content: center;
      padding: 0;
      margin: 0;
      li {
        display: inline-block;
        list-style-type: none;
        padding: 16px 12px 9px 12px;
        margin: 0 24.5px;
        &:first-child {
          border-bottom: 4px solid #b5d556;
          a {
            font-weight: 500;
          }
        }
        a {
          font-family: "Roboto", sans-serif;
          font-size: 16px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.17px;
          text-align: center;
          color: #fff;
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .blocks__hero {
    .hero__links-block {
      ul {
        li {
          margin: 0 15px;
        }
      }
    }
  }
}