section.followHome
  @include spaceSection
  background: #F9FAFC
  .content
    width: 100%
    align-items: center
    .title img
      width: 35px
    @media (min-width: 768px)
      width: 85%
      margin: 0 auto
      .title
        flex-direction: row
    @media (min-width: 1280px)
      width: 75%
    // @media (min-width: 1440px)
    //   width: 65%
    @media (min-width: 1366px)
      width: 70%
    @media (min-width: 1900px)
      width: 65%
    h1
      margin-bottom: 2rem
      @media (min-width: 1024px)
        font-size: 26px
      @media (min-width: 1440px)
        font-size: 28px
      @media (min-width: 1600px)
        font-size: 30px
    a
      align-items: center
      gap: .5rem
      span
        font-weight: 700
        color: $black
    .listPosts
      width: 100%
      margin: 2rem 0
    .listPosts
      width: 100%
      gap: 1rem
      @media (min-width: 768px)
        display: grid
        grid-template-columns: repeat(4, 1fr)
        place-items: center
      a img
        width: 100%
        object-fit: cover
        border-radius: 15px
      // background-color: #D9D9D9
      // height: 300px
      // @media (min-width: 768px)
      //   gap: 0 5%
      //   display: flex
      //   justify-content: space-between
      // @media (min-width: 1440px)
      //   gap: 0
      //   //justify-content: space-around
      .slick-slide
        margin: 0 10px
    .social
      width: 100%
      border-radius: 20px
      gap: 1rem
      align-items: center
      //padding: 0 0 0 4rem
      a
        align-items: center
      a img
        width: 35px
      @media (min-width: 768px)
        flex-direction: row
        justify-content: center
        align-items: flex-end
        gap: 1rem
        padding: 0
        @media (min-width: 768px)
          gap: 2rem
        @media (min-width: 1600px)
          gap: 3rem
        a
          flex-direction: column
          align-items: center
          gap: 1rem 0
          .youtube
            width: 50px
            position: relative
            top: -3px
          img
            width: 40px
          // &:first-child
          //   padding-left: 100px
          //   @media (min-width: 1900px)
          //     padding-left: 150px
          // &:last-child
          //   padding-right: 100px
          //   @media (min-width: 1900px)
          //     padding-right: 150px

        // flex-wrap: wrap
        // padding: 1.5rem 2rem
        // border: 1px solid #c4c4c4