.location-map

  .invest-wrapper
    min-height: 350px
    padding: 60px 0
    background: none
    background-color: transparent
    box-shadow: 0 10px 25px -10px rgba(0,0,0,0.2)

    &:before
      content: ''
      display: block
      position: absolute
      left: 0
      top: 0
      width: calc(100% - 10px)
      height: 100%
      background: linear-gradient(90deg, $blueGradient)



    +respond-to-width(1350)
      min-height: 250px

    .waves
      right: auto
      left: 0

    .title
      z-index: 2
      display: block
      min-height: 0
      padding-bottom: 40px

      +respond-to-width(950)
        width: 35%
        margin-left: 5%


      .button
        border-color: white
        color: white
        margin-top: 20px

  .map-overlay
    position: absolute
    right: 0
    top: 0
    height: 100%
    width: 100%
    
    background:
      image: url("/img/svg/locationMap.svg")
      position: right center
      size: auto 100%
      repeat: no-repeat

  +respond-to-width(700)
    .invest-wrapper
      display: block
      padding: 0

      .title
        width: 100%
        padding: column(1, 12)
        margin-left: 0
        background-color: $darkBlue

      .waves
        bottom: 50px

        +respond-to-width(480)
          display: none

      &:before
        width: 100%

    .map-overlay
      position: relative
      z-index: 2
      height: 300px

      +respond-to-width(480)
        height: 250px

      +respond-to-width(400)
        height: 225px