HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/SBogers85/dale-int.com/wwwroot/css/partials/_introRow.sass
.intro-wrapper
  +flex(center, center)
  position: relative
  background-image: url('/img/structure/bg_pattern.png')
  padding-bottom: 100px


.shadow-stroke
  position: absolute
  z-index: 999
  top: 0
  left: 0
  width: 100%
  height: 75px
  opacity: 0.08
  background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
  background: -webkit-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
  background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))

.shadow-stroke-inverse
  position: absolute
  z-index: 0
  top: -75px
  left: 0
  width: 100%
  height: 75px
  opacity: 0.2
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
  background: -webkit-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
  background: -ms-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))

.content-wrapper
  max-width: $maxWidth
  +flex(center, flex-start)

  +respond-to(medium)
    width: $contentGrid*10

  +respond-to(mobile)
    width: $contentGrid*12
    flex-direction: column

.contact-block
  +flex(center, center)
  flex-direction: column
  padding: $paddingSmall
  min-width: 350px
  text-align: center
  background: white

  +respond-to(medium)
    width: $contentGrid*4

  +respond-to(mobile)
    width: 100%
    +order(3)

.profile-image-wrapper
  width: 150px
  img
    width: 100%
  margin-bottom: 25px

.intro-information-block
  padding-top: 50px
  max-width: $maxContentWidth
  color: white
  align-self: center

  +respond-to(medium)
    width: $contentGrid*4

  +respond-to(mobile)
    width: 100%
    padding: $paddingSmall
    +order(1)

// CURLY SEPERATOR
.seperator
  +flex(center, center)
  width: $contentGrid*2
  align-self: center

  +respond-to(mobile)
    width: 100%
    height: 100px
    transform: rotate(90deg)
    +order(2)

  .curly-separator
    transition: all ease 0.4s
    height: 170px
    img
      height: 100%