section.sustainHome
  @include spaceSection
  @media (max-width: 500px)
    background-image: none!important
    background-color: rgba(255, 255, 255, .5)
  //background: rgba(196, 196, 196, 1)
  background-position: bottom
  background-repeat: no-repeat
  background-size: cover
  @media (min-width: 1024px)
    display: flex
    justify-content: flex-end
    padding: 6% 7.5% 6% 0
  @media (min-width: 1280px)
    padding: 5% 7.5% 5% 0
  .container
    align-items: flex-start
    background: $white
    padding: 2rem
    border-radius: 30px
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1)
    @media (min-width: 768px)
      width: 65%
      margin: 0 auto
    @media (min-width: 1024px)
      width: 45%
      margin: 0
    @media (min-width: 1280px)
      width: 35%
      padding: 3rem
    @media (min-width: 1440px)
      padding: 4rem
    @media (min-width: 1600px)
      width: 30%
    h2
      color: #169D00
      @media (min-width: 1024px)
        font-size: 26px
      @media (min-width: 1440px)
        font-size: 28px
      @media (min-width: 1600px)
        font-size: 30px
      &:last-of-type
        font-weight: 400
    p
      margin: 1rem 0 2rem
    a
      background-color: #169D00
      align-items: center
      padding: 1rem 1.5rem
      border-radius: 30px
      gap: 0 .5rem
      transition: all .3s
      box-shadow: 0px 13px 27px -5px rgba(50,50,93,0.25) , 0px 8px 16px -8px rgba(0,0,0,0.3) , 0px -6px 16px -6px rgba(0,0,0,0.025) 
      span
        color: $white
      @media (min-width: 1280px)
        &:hover
          gap: 0 .8rem