.Article {



  @media only screen and (max-width: 600px) {

    
  .img_note_class{
    width: 25%;
    height: 25%;
  }

    .btn-success{
        font-size: x-small !important;
        font-family: "verdana", "Quicksand", "Signika", sans-serif;
        //width: 50%!important;
        padding: 0.2rem !important;
    }



    .media_sociaux {
        svg{
        margin-top: 0 !important;
        text-align: left !important;
      }

      .SocialIcon      {
        height: 20px!important;
        width: 20px!important;
      }
    }



    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0.1rem;
      border-radius: 30px;
      margin-right: 0.5%;
    }
  }

  @media only screen and (min-width: 601px) and (max-width: 991px) {

    
  .img_note_class{
    width: 15%;
    height: 15%;
  }

    .btn-success{
        font-size: x-small !important;
        font-family: "verdana", "Quicksand", "Signika", sans-serif;
        //width: 50%!important;
        padding: 0.2rem !important;
    }

    .media_sociaux {
        svg{
        margin-top: 0 !important;
        text-align: left !important;
      }

      .SocialIcon      {
        height: 20px!important;
        width: 20px!important;
      }
    }


    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0.1rem;
      border-radius: 30px;
      margin-right: 0.5%;
    }
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    
  .img_note_class{
    width: 10%;
    height: 10%;
  }

    .btn-success{
        font-size: x-small !important;
        font-family: "verdana", "Quicksand", "Signika", sans-serif;
        //width: 40%!important;
        padding: 0.2rem !important;
    }
    .media_sociaux {
        svg{
        margin-top: 0 !important;
        text-align: left !important;
      }

      .SocialIcon      {
        height: 20px!important;
        width: 20px!important;
      }
    }


    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0.1rem;
      border-radius: 30px;
      margin-right: 0.5%;
    }
  }

  @media only screen and (min-width: 1200px) {

    
  .img_note_class{
    width: 10%;
    height: 10%;
  }

    .btn-success{
        font-size: x-small !important;
        font-family: "verdana", "Quicksand", "Signika", sans-serif;
        //width: 40%!important;
        padding: 0.2rem !important;
    }

    .media_sociaux {
        svg{
        margin-top: 0 !important;
        text-align: left !important;
      }

      .SocialIcon      {
        height: 25px!important;
        width: 25px!important;
      }
    }


    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0.1rem;
      border-radius: 30px;
      margin-right: 0.5%;
    }
  }
}
