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%