File: D:/HostingSpaces/SBogers96/smilefotografie.nl/wwwroot/css/partials/_header.sass
header.main
background: #fff
padding-bottom: 120px
margin-bottom: 80px
.terms &,
.disclaimer &,
.sitemap &,
.abort &
padding-bottom: 0 !important
margin-bottom: 0 !important
@extend %clearfix
+respond-to(mobile)
padding-bottom: 60px
margin-bottom: 60px
+respond-to-negative
background: #000
color: #fff
body.home &
padding-bottom: 0
margin-bottom: 0
// Top row
.top-row
padding: 60px 0 120px
height: 40px
box-sizing: content-box
+respond-to(small)
padding-bottom: 80px
+respond-to(mobile)
padding: 0
.logo-holder
+position(absolute, 60px null null 50%)
z-index: 15
margin-left: -83px
width: 166px
height: 40px
+respond-to(mobile)
display: none
a
display: inline-block
+sprite(165px,40px,-10px -60px)
+respond-to-negative
background-position: -10px -10px
// Custom content
.intro-title
+position(absolute, null null -13px 0)
font-size: 3.27em
font-weight: 700
+respond-to(mobile)
+position(relative, null null 0 0)
font-size: 1.5em
margin-bottom: 20px
+respond-to(small-mobile)
padding-left: 40px
.intro-text
position: relative
width: 50%
margin-left: 50%
font-size: .909091em
font-weight: 700
p
margin: 0
+respond-to(mobile)
width: 100%
margin-left: 0
+respond-to(small-mobile)
padding-left: 40px
padding-right: 40px