.features {
  max-width: $grid-max-width;
  font-family: 'Montserrat', sans-serif;
  padding: 1rem;
  margin: 0 4rem;
  @include respond-to(sm) {
    margin: 0 1rem;
  }

  &__title {
    font-size: 45px;
    font-weight: 700;
  }

  ul {
    @include flexbox();
    @include flex-wrap(wrap);
    padding: 1.5rem 0.5rem;
  }

  li {
    padding: 0.125rem 0.5rem;
    width: 43%;
    @include truncate(350px);

    &::before {
      content: '✔️';
      z-index: 1; 
    }
  }
}

.features-text {
  max-width: $grid-max-width;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 45px;
  font-weight: 700;
  padding-bottom: 3.2rem;
  margin: 0 4rem;  

  @include flexbox();
  @include flex-direction(column);
  @include align-items(center);
  @include justify-content(center);
  
  &__item {
    margin-bottom: 1.5rem;
  }
}

.features-intro {
  max-width: $grid-max-width;  
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  margin: 2rem 8rem;

  @include respond-to(sm) {
      margin:  1rem;
  }

  &__logo {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    margin: 0 auto;
    display: block;
    float: left;
    transform-style: preserve-3d;
    &-img {
      width: 100%;
      height: 100%;
    }
  }

  &__titles {
    margin-left: 160px;
    text-align: left;    
    position: relative;

    .title {
      margin: 25px 0 0;
      font-family: 'Montserrat', sans-serif;
      font-size: 65px;
      font-weight: 700;
      line-height: 1;
    }

    .subtitle {
      font-family: 'Montserrat', sans-serif;
      font-size: 44px;
      margin: 10px 0 40px 0;
      font-weight: 700;
      line-height: 1.2;
    }
  }

  &__links {    
    margin: 20px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;

    a {
      margin-right: 0.4rem;
    }
  }

  &__release-info {
    margin: 20px 160px 0;
    font-weight: 400;
    text-align: left;
    font-size: 12px; 
  }
}