.ParagraphPromote-wrapper {
  background: none;
  align-items: center; }
  @media (max-width: 767px) {
    .ParagraphPromote-wrapper {
      display: block; } }

.ParagraphPromote-content {
  order: -1;
  flex: 0 1 50%;
  padding: 5rem 0 0; }

.ParagraphPromote-medias {
  width: auto;
  max-width: 50%;
  flex: 0 1 40.5rem;
  margin: auto;
  position: relative;
  padding: 1rem 1rem 8.5rem;
  background: white;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
  transform: rotate(4deg); }
  @media (max-width: 767px) {
    .ParagraphPromote-medias {
      max-width: 80%; } }
  .ParagraphPromote-medias .pictogram {
    bottom: -3rem;
    max-width: 12rem; }
    @media (max-width: 767px) {
      .ParagraphPromote-medias .pictogram {
        right: 0;
        max-width: 8rem;
        transform: translate3d(50%, 0, 0); }
        .ParagraphPromote-medias .pictogram img {
          transform: none; } }

.ParagraphPromote-surtitle {
  font-family: var(--secondary-font);
  letter-spacing: 0.07em;
  color: var(--text-color);
  font-size: 3rem;
  font-weight: 800;
  margin: 0; }

.ParagraphPromote-title {
  font-size: 12rem;
  margin: 0 0 1.4rem;
  line-height: 1;
  padding: 0;
  background: none;
  color: var(--primary-color); }
  .ParagraphPromote-title::after {
    content: '';
    background: url("../../../img/deco@2x.png") top right no-repeat;
    background-size: 33px 47px;
    height: 47px;
    width: 33px;
    mix-blend-mode: multiply;
    display: inline-block;
    vertical-align: top;
    margin-left: -0.2em; }
  @media (max-width: 767px) {
    .ParagraphPromote-title {
      font-size: 9rem; } }

.ParagraphPromote-body {
  font-size: 2.5rem; }
  @media (max-width: 767px) {
    .ParagraphPromote-body {
      font-size: 2rem; } }

.ParagraphPromote .ckeditorContent {
  margin-bottom: 3rem; }

/*# sourceMappingURL=extend-promote.css.map */