/*  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--picture-text-1-column .segment-title, .paragraph--type--picture-text-2-columns .segment-title, .paragraph--type--picture-text-3-columns .segment-title {
  margin-top: 0;
  font-size: 36px;
}
@media only screen and (min-width: 768px) {
  .paragraph--type--picture-text-1-column .segment-title, .paragraph--type--picture-text-2-columns .segment-title, .paragraph--type--picture-text-3-columns .segment-title {
    font-size: 42px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .paragraph--type--picture-text-1-column .segment-title, .paragraph--type--picture-text-2-columns .segment-title, .paragraph--type--picture-text-3-columns .segment-title {
    font-size: 56px;
    margin-bottom: 50px;
  }
}
.paragraph--type--picture-text-1-column .segment-title.mb-0, .paragraph--type--picture-text-2-columns .segment-title.mb-0, .paragraph--type--picture-text-3-columns .segment-title.mb-0 {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .paragraph--type--picture-text-1-column .shifted, .paragraph--type--picture-text-2-columns .shifted, .paragraph--type--picture-text-3-columns .shifted {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .paragraph--type--picture-text-1-column .wrap-btn, .paragraph--type--picture-text-2-columns .wrap-btn, .paragraph--type--picture-text-3-columns .wrap-btn {
    margin-top: 50px;
  }
}
.paragraph--type--picture-text-1-column .field--name-field-picture, .paragraph--type--picture-text-2-columns .field--name-field-picture, .paragraph--type--picture-text-3-columns .field--name-field-picture {
  margin-bottom: 25px;
}
.paragraph--type--picture-text-1-column .field--name-field-picture img, .paragraph--type--picture-text-2-columns .field--name-field-picture img, .paragraph--type--picture-text-3-columns .field--name-field-picture img {
  width: 100%;
  height: auto;
}
.paragraph--type--picture-text-1-column .bloc-title, .paragraph--type--picture-text-2-columns .bloc-title, .paragraph--type--picture-text-3-columns .bloc-title {
  margin: 0;
}
@media only screen and (max-width: 992px) {
  .paragraph--type--picture-text-1-column .bloc-title, .paragraph--type--picture-text-2-columns .bloc-title, .paragraph--type--picture-text-3-columns .bloc-title {
    font-size: 28px;
    line-height: 34px;
  }
}
.paragraph--type--picture-text-1-column .bloc-text, .paragraph--type--picture-text-2-columns .bloc-text, .paragraph--type--picture-text-3-columns .bloc-text {
  padding-top: 25px;
  color: #333333;
}
@media only screen and (max-width: 992px) {
  .paragraph--type--picture-text-1-column .bloc-text, .paragraph--type--picture-text-2-columns .bloc-text, .paragraph--type--picture-text-3-columns .bloc-text {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 992px) {
  .paragraph--type--picture-text-1-column .bloc-text, .paragraph--type--picture-text-2-columns .bloc-text, .paragraph--type--picture-text-3-columns .bloc-text {
    padding-bottom: 30px;
  }
}

.paragraph--type--picture-text-2-columns .bloc-title {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .paragraph--type--picture-text-2-columns .bloc-title {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 992px) {
  .paragraph--type--picture-text-2-columns .bloc-title {
    font-size: 34px;
    line-height: 36px;
  }
}

.paragraph--type--picture-text-3-columns .bloc-title {
  font-family: "opensans-regular";
}
@media only screen and (min-width: 992px) {
  .paragraph--type--picture-text-3-columns .bloc-title {
    font-size: 30px;
    line-height: 34px;
  }
}

/*# sourceMappingURL=paragraph-picture-text-N-columns.css.map */