.subscribeModal
  width: 95%!important
  max-width: 500px
  background: $backColor
  .container
    padding: 1rem 0rem
    width: 100%
    h1, p
      line-height: 1.1
      //text-transform: uppercase
    h1
      font-size: 24px
    p
      //text-transform: uppercase
      font-weight: 500
      margin: 10px 0
      font-size: 16px
      letter-spacing: -1px
      @media (1280px <= width)
        font-size: 18px
    .input
      width: 100%
      align-items: center
      margin-bottom: 1rem
      input,a
        height: 2.5rem
      input
        padding: 0 10px
        width: 100%
        background: $backColor
        border-left: 1px solid #0f0f0f
        border-bottom: 1px solid #0f0f0f
        border-top: 1px solid #0f0f0f
        border-bottom-left-radius: 3px
        border-top-left-radius: 3px
      a
        padding: 0 25px
        display: flex
        align-items: center
        border: 1px solid #0f0f0f
        border-bottom-right-radius: 3px
        border-top-right-radius: 3px
        transition: .3s
        &:hover
          background: $yellow
    .closeSubscribe
      cursor: pointer
      width: 20px
      position: absolute
      top: 5px
      right: 5px
      img
        width: 100%