File: D:/HostingSpaces/SBogers10/zelfverkopen.komma.pro/resources/assets/sass/site/pages/_tipsTricks.sass
#tipsTricks
.impression-image
.placeholder
position: relative
figure
position: relative
width: 100%
height: 0
padding-bottom: 37.5%
+respond-to-width(600)
padding-bottom: 0
height: 200px
span
position: absolute
display: none
width: 100%
height: 100%
left: 0
top: 0
background-repeat: no-repeat
background-position: top center
background-size: cover
&.original
display: block
+respond-to-width(1100)
&.large
display: block
&.original
display: none
+respond-to-width(775)
&.medium
display: block
&.large
display: none
+respond-to-width(425)
&.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(1200)
display: none
+respond-to-width(740)
width: 100%
max-width: none
.page-title
text-align: center
&.no-margin-top
margin-top: 0
padding-top: 80px
.kms-content
max-width: 700px
+respond-to-width(1150)
margin-top: 0
padding-top: 80px
.need-more-tips
margin-bottom: 120px
.contact-person-model
margin-top: 60px
display: block
max-width: 600px
margin-left: auto
margin-right: auto
.contact-person
top: -61px
margin-top: 0
margin-bottom: -61px
.model-content
p
font-size: 1.6rem
line-height: 1.4
+bree
color: white
margin: 0 0 40px
+respond-to-width(680)
font-size: 1.4rem
.buttons
.button
+ .button
margin-left: 20px
+respond-to-width(485)
+flex(space-between, center)
max-width: 280px
+ .button
margin: 10px 0 0
+respond-to-width(680)
width: 100%
.contact-person-model
max-width: none