File: D:/HostingSpaces/SBogers10/zelfverkopen.komma.pro/resources/assets/sass/site/pages/_default.sass
body.default
.impression-image
.placeholder
position: relative
figure
position: relative
width: 100%
height: 0
padding-bottom: 37.5%
span
position: absolute
display: none
width: 100%
height: 100%
left: 0
top: 0
background-repeat: no-repeat
background-position: center
background-size: cover
&.large
display: block
+respond-to-width(850)
&.large
display: none
&.medium
display: block
+respond-to-width(440)
&.medium
display: none
&.small
display: block
.branding-logos
position: absolute
right: column(-1, 12)
bottom: 90px
width: column(1, 12)
a
+flex(center, center)
width: 100%
padding: 20px 0
opacity: 1
transition: opacity 0.3s
&:before
content: ''
display: block
&.nvm
&:before
+sprite(0 -13px, 31px, 36px)
&.funda
&:before
+sprite(0 -52px, 60px, 22px)
&:hover
opacity: 0.5
+respond-to-width(1150)
width: 100%
.branding-logos
display: none
.page-title
text-align: center
&.no-margin-top
margin-top: 0
padding-top: 80px
.kms-content
max-width: 600px
text-align: left
+respond-to-width(1150)
margin-top: 0
padding-top: 80px
+respond-to-width(680)
padding-top: 60px
&.no-margin-top
padding-top: 60px
.dynamic-content
padding-bottom: 200px
+respond-to-width(1250)
padding-bottom: 120px
.dynamic-block
&.full-text-block
.kms-content
max-width: 600px
&.full-image-column
figure
max-width: 600px
margin-left: auto
margin-right: auto
.calculation-tool
margin-top: 120px
display: block
max-width: 600px
margin-left: auto
margin-right: auto
.contact-person
top: -61px
margin-top: 0
margin-bottom: -61px
+respond-to-width(680)
max-width: none
.courtage-block
display: block
margin-top: 120px
max-width: 600px
margin-left: auto
margin-right: auto
.grid-row
.sitemap-list
padding: 60px 0
max-width: 600px
margin: auto