/*Définit les marges latérales du contenu de la page*/

  .content{
    width: 70%;
    margin: auto;
    margin-top: 0;
    padding: 20px;
    line-height: 25px;
    font-size: 20px;
  }

  .content h1{
      margin-top: 30px;
      margin-bottom: 30px;
  }

  .final-contact{
  	 width: 90%;
    margin: auto;
    border: 2px solid green;
    border-radius: 25px;
    padding: 20px;
    padding-top: 0px;
    text-align: center;
    transition: transform 0.4s;
  }
  .reviewcontainer{
    width: 90%;
    margin: auto;
    text-align: center;
  }

  .reviewbubble{
    display: inline-block;
    margin: 20px;
    border: 0.5px solid lightgrey;
    border-radius: 25px;
    padding: 20px;
    padding-top: 0px;
    text-align: center;
    transition: transform 0.4s;
  }

  .final-contact:hover{
        transform: scale(1.1);
  }
  
  .reviewbubble:hover{
			transform: scale(1.02);  
  }

  .stars{
    color:orange;
  }


/*Changement de marges latérales selon taille écran*/

  @media (max-width: 1400px) {
    .content{
      width: 80%;
      margin: auto;
      padding-bottom: 80px;
      }
  }

  @media (max-width: 1200px) {
    .content{
      width: 90%;
      margin: auto;
      padding-bottom: 80px;
      }
    .reviewcontainer{
    	width:100%;
    	}
  }

  @media (max-width: 1000px) {
    .content{
      width: 100%;
      margin: auto;
      padding-bottom: 50px;
      }
  }