section.logos{
	padding-top:120px;
  text-align: center;
  }
  section.logos h3{
	font-size: 50px;
	font-family: var(--font2);
	font-weight: 400;
	color: var(--color2);
	margin-bottom: 12px;
  }
  section.logos h4{
	font-weight: 500;
	margin-bottom: 68px;
  }
  section.logos .boxes{
  margin-bottom: 70px;
  }
  section.logos .box{
  vertical-align: middle;
  display: inline-block;
  width: 24%;
  margin-bottom: 68px;
  }
  section.logos .box img{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  filter: grayscale(100%);
  transform:scale(1);
  opacity: 0.5;
  max-height: 110px;
  max-width: 288px;
  }
  section.logos .box img:hover{
	filter: grayscale(0%);
	transform:scale(1.025);
	  }
  /* [xl] */
  @media all and (max-width: 1466px)  {

	  section.logos .box img{
	max-width: 200px;
		  max-height:80px;
	  }



  }

  /* [l] */
  @media all and (max-width: 1200px) {
	  section.logos{

	  padding-top: 70px;
	  }

	  section.logos .boxes{

	  margin-bottom: 25px;
	  }

	  section.logos .box{

	  width: 33%;
	  }



  }

  /* [m] */
  @media all and (max-width: 992px) {

	  section.logos .box{

	  width: 49%;
	  }


  }

  /* [xs] */
  @media all and (max-width: 576px) {

	  section.logos .boxes{

	  margin-bottom: 0;
	  }
	  section.logos .box img{

	  max-width: 85%;
	  max-height: 70px;
	  }
	  section.logos h3{
		  font-size: 40px;

	  }

  }