/*  Rappel : breakpoint variable
theme.$screen-xs: 480px ;
theme.$screen-sm: 768px ;
theme.$screen-md: 992px ;
theme.$screen-lg: 1200px ;
*/
/* mockup

see the icon variable name here : 03-settings / _font-icon.scss

.class-test {

 @include font-icon ($icon-arrow-down , red);

}

 */
/* ----- USEFUL MIXINS

  - 1 / Transition
  - 2 / Animation
  - 3 / Retina
  - 4 / Gradient
  - 5 / Placeholder

*/
/* mockup

div.logo {
  background: url("logo.png") no-repeat;
  @include image-2x("logo2x.png", 100px, 25px);
}

 */
/* mockup

$start-color, $end-color, $orientation - vertical/horizontal/radial

.class-test {
  @include background-gradient(red, black, 'vertical');
}

Output
.class-test {
  background: -webkit-linear-gradient(top, red, black);
  background: linear-gradient(to bottom, red, black);
}

 */
/* mockup

  textarea {
    @include input-placeholder {
        color: $grey;
    }
}

 */
/* mockup

  label {
    @include sr-only;
}

 */
.paragraph--type--block-in-number {
  padding-top: 60px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  .paragraph--type--block-in-number {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .paragraph--type--block-in-number h2 {
    font-size: 36px;
    margin-bottom: 30px;
  }
}
.paragraph--type--block-in-number .key-numbers-wrapper {
  margin-bottom: 30px;
}

/*# sourceMappingURL=paragraph-block-in-number.css.map */