// Transition @mixin transition($what: all, $time: 0.2s, $how: ease-in-out) { -webkit-transition: $what $time $how; -moz-transition: $what $time $how; -ms-transition: $what $time $how; -o-transition: $what $time $how; transition: $what $time $how; } @mixin background-image($url) { background-image: url($url); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center center; padding: 110px 0; position: relative; @include tablet { background-attachment: scroll; padding: 100px 0; h1 { font-size: 35px; } } .block { color: #E3E3E4; h1 { font-weight: 600; line-height: 60px; letter-spacing: 10px; padding-bottom: 15px; } p { // margin-bottom: 30px; color: #fff; font-size: 12pt; line-height: 25px; font-weight: 500; } } color: #fff; }