/*COVER*/

  .cover {
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 535px;
    font-size: 20px;
    line-height: 140%;
    font-family: Montserrat-Regular;
    color: #003DA5;

    .content {
      padding: 50px 50px 0 0;
      height: 380px;

      h1 {
        font-size: 40px;
        line-height: 120%;
        font-family: Montserrat-Medium;
        margin: 0 0 40px;

        strong {
          display: inline-block;
          font-family: Montserrat-Black;
        }
      }
    }

    .flex {
      display: flex;
      gap: 10px;
      position: relative;

      .bloc {
        height: 255px;
        background-color: #8ECBEF;
        width: 250px;
        background-position: center;
      }

      .bloc_quote {
        width: 375px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Caveat;
        font-size: 32px;
        line-height: 110%;
        color: #003DA5;
        text-align: center;

        .signature {
          display: block;
          margin: 5px auto 0;
        }
      } 
    }

    @media (max-width: 1460px) {
      font-size: 18px;
    }

    @media (max-width: 1350px) {
      background-position: center left -40px;
      padding-left: 500px;

      .content {
        h1 {
          font-size: 36px;
        }
      }
    }

    @media (max-width: 1240px) {
      padding-left: 400px;
      background-size: auto 100%;
      background-position: center left -30px;


      .content {
        font-size: 16px;
        padding: 30px 0;
        height: 320px;

        h1 {
          font-size: 33px;
          margin: 0 0 20px;
        }

        p {
          padding-right: 30px;
        }
      }

      .flex {
        .bloc {
          height: 200px;
        }

        .bloc_quote {
          font-size: 25px;

          .signature {
            height: 32Px;
          }
        }
      }
    }



    @media (max-width: 1060px) {
      padding: 0;
      background-image: none !important;

      .content {
        background-repeat: no-repeat;
        background-position: center left -50px;
        background-size: 400px auto;
        padding: 30px 30px 10px 380px !important;
        height: auto;
      }

      .flex {

        .bloc {
          height: 170px;
        }

        .bloc_quote {
          padding: 0 30px;
          width: 50%;

          br {
            display: none;
          }
        }
      }
    }

    @media (max-width: 900px) {
      .content {
        font-size: 15px;
        padding: 30px 25px 10px 250px !important;
        background-size: 230px auto;
        background-position: top left;

        p {
          padding-right: 0;
        }

        h1 {
          font-size: 28px;
        }
      }

      .flex {
        .bloc_quote {
          font-size: 22px;

          .signature {
            height: 28Px;
          }
        }
      }
    }

    @media (max-width: 700px) {
      margin: 0;

      .content {
        font-size: 14px;
        line-height: 150%;
        padding: 30px 25px 10px 200px !important;
        background-size: 180px auto;
      }

      .flex {
        .bloc_quote {
          padding: 0 20px;
          width: 55%;
        }
      }

    }

    @media (max-width: 580px) {
      .content {
        background-image: none !important;
        padding: 0 0 10px !important;

        h1 {
          font-size: 23px; 
          background-repeat: no-repeat;
          background-position: center left;
          background-size: 140px auto;
          padding: 25px 20px 25px 160px;

          strong {
            display: inline;
          }
        }

        p {
          padding: 0 25px 15px;
        }
      }

      .flex {
        .bloc {
          width: 100%;
          height: 160px;
        }

        .bloc_quote {
          font-size: 20px;

          .signature {
            height: 25px;
          }
        }

        .bloc_image_1 {
          background-position: center left;
        }

        .bloc_image_2 {
          display: none;
        }
      }
    }

    @media (max-width: 450px) {
      .flex {
        .bloc_image_1 {
          background-position: top -30px left -30px;
        }
      }
    }
  }