File: D:/HostingSpaces/BDeurzen/vandeurzentuinontwerp.nl/wwwroot/css/partials/_home.sass
.intro-text-home
@extend .intro-text
padding: 30px ($contentGrid*3/2+5) 30px 75px
margin-bottom: 50px
.home-contact
width: $contentGrid*3
background-color: $primaryPanelColor
margin-left: -($contentGrid*3/2)
margin-top: -75px
.contact_opnemen
padding: 30px 50px
text-align: center
display: block //fixing floating cta
/** FEATURES **/
.features-container
margin-top: 100px
.features
display: flex
flex-wrap: wrap
padding: 100px 0px 125px 0px
.features-title
padding-top: 10px
font-family: lato
font-size: 30pt
font-style: italic
.feature
width: calc(100%/4)
.feature-title
font-weight: 600
margin-top: 20px
text-align: center
opacity: 0.7
transition: all ease 0.4s
.highlighted-title
opacity: 1
.img-feature
margin: 0 auto
width: 180px
transition: all ease 0.4s
&:hover
-webkit-transform: scale(1.1)
transform: scale(1.1)
.special
display: block
text-align: center
background-color: $ctaBackgroundColor
color: white
border: 0px
&:hover
background-color: darken( $ctaBackgroundColor, 5% )
.triangle
width: 100%
height: 50px
border-style: solid
border-width: 50px 100px 0 100px
border-color: #041404 transparent transparent transparent
.center
margin: 0 auto
text-align: center
/** RESPONSIVE **/
+media-query(1280px)
.contact_opnemen
padding: 15px 25px
.block-title
font-size: 15pt
.img-feature
width: 150px
+media-query(1080px)
.intro-text
width: $contentGrid*8
.home-contact
width: $contentGrid*4
.feature
width: calc(100%/2)
.feature-title
margin-top: 10px
margin-bottom: 25px
+media-query(768px)
.offset-1
margin-left: 0px
.intro-text-home
padding: 30px
.intro-text
width: $contentGrid*12
.home-contact
width: $contentGrid*12
margin-left: 0px
margin-top: 0px
display: none
+media-query(550px)
.feature
width: calc(100%/1)
.img-feature
width: 180px
.features-title
font-family: lato
font-size: 22pt
font-style: italic
.features
padding: 50px 0px 50px 0px