/* ------------------------------------------------------- */
/* -------------- HOME OVERWRITE CPYOUDGE ---------------- */ 
/* ------------------------------------------------------- */

.main-background {
  background-image: url("/assets/images/campaign/lecreditpourtous.fr/home/background_businesswoman_rac.png");
  background-repeat: no-repeat;
  min-height: 440px;
  width: 100%;
  margin: 0;
}

.arguments-container {
  box-shadow: 1px 1px 12px#CCCCCC;
  background-color: white;
  text-align: justify;
  font-size: 15px;
  padding: 25px;
}

.title-home {
  font-size: 2.2em;
  margin-bottom: 0;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

  .title-home {
    font-size: 1.7em;
    line-height: 30px;
  }  

  .arguments-container {
    padding: 25px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .title-home {
    font-size: 1.9em;
    line-height: 37px;
  }
}

/* Medium devices (tablets, 768px and up) MD */
@media (min-width: 768px) and (max-width: 991.98px) {

  .title-home {
    font-size: 1.8em;
  }

  .main-background {
    background-size: 300px;
    background-position-y: bottom;
    background-position-x: 8%;
  }
  
  .arguments-container {
    padding: 25px;
  }
}

/* Large devices (desktops, 992px and up) LG */
@media (min-width: 992px) and (max-width: 1199.98px) {

  .container-titles {
    margin-top: 1% !important;
  }

  .main-background {
    background-size: 335px;
    background-position-y: bottom;
    background-position-x: 10%;
  }
  
  .arguments-container {
    padding: 15px;
  }
}

/* Extra large devices (large desktops, 1200px and up) XL */
@media (min-width: 1200px) {

  .container-titles {
    margin-top: 1% !important;
  }

  .main-background {
    background-size: 375px;
    background-position-y: bottom;
    background-position-x: 20%;
  }
  
  .arguments-container {
    padding: 25px;
  }
}

/* ------------------------------------ */
/* --------------- CP ----------------- */ 
/* ------------------------------------ */

.logo-header{
    width:150px;
}

/* Medium devices (desktops, 768px and up) MEDIUM */
@media (min-width: 768px) {
    .logo-header{
        margin-bottom:50px;
        width:100%;
    }
}

/* XLarge devices (desktops, 1300px and up) XL */
@media (min-width: 1200px) {
    .logo-header{
        margin-bottom:50px;
        width:300px;
    }

    .trustpilot-widget {
        margin-top: auto;
        margin-right: auto;
    }
}