/*  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--key-numbers {
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 480px) {
  .paragraph--type--key-numbers {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 480px) {
  .paragraph--type--key-numbers {
    margin-left: -25px;
  }
}
.paragraph--type--key-numbers .block-picture .key-number-picture {
  width: 140px;
  height: auto;
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .paragraph--type--key-numbers .block-picture .key-number-picture {
    width: 110px;
  }
}
@media only screen and (max-width: 480px) {
  .paragraph--type--key-numbers .block-picture .key-number-picture {
    width: 25vw;
  }
}
.paragraph--type--key-numbers .block-text {
  flex-grow: 1;
  padding: 0 15px;
}
.paragraph--type--key-numbers .block-text .first-text {
  font: normal normal normal 18px/20px "opensans-bold";
  letter-spacing: 0;
  color: #676464;
  border-bottom: 3px solid #1c9fab;
  height: 70px;
  display: flex;
  align-content: flex-end;
  align-items: flex-end;
  justify-content: space-around;
  padding-bottom: 5px;
}
.paragraph--type--key-numbers .block-text .key-number {
  font: normal normal normal 56px/80px "opensans-xbold";
  letter-spacing: -2px;
  color: #1c9fab;
  white-space: nowrap;
}
.paragraph--type--key-numbers .block-text .field--name-field-key-number-caption {
  font: normal normal normal 18px/20px "opensans-bold";
  letter-spacing: 0;
  color: #1c9fab;
}

/*# sourceMappingURL=paragraph-key-numbers.css.map */