#partners{
  background-color: #161616;
}
#partners h3 {
font-size: 3.097rem;
line-height: 3.3rem;
color: #ffffff;
background-color: #000;
padding: 1.806rem 3.097rem;
margin: 0;
width: 66%;
}
#partners .text, #partners .grid{
  width: 50%;
  padding: 2.323rem 3.097rem;
}
#partners .text p, #partners .text h5{
  color: #ffffff;
}
#partners .grid a {
  width: -webkit-calc(20% - 0.6rem);
  width: -moz-calc(20% - 0.6rem);
  width: calc(20% - 0.6rem);
  padding: 1rem;
  margin: .3rem;
  background-color: #000;
}
#partners .grid a svg{
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-filter: gray;
          filter: gray;
}
#partners .grid a:hover{
  background-color: #0936F4;
}
#partners .grid a:hover svg{
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
@media screen and (max-width: 1400px){
  #partners{
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
  }
  #partners .grid a {
    width: -webkit-calc(25% - 0.6rem);
    width: -moz-calc(25% - 0.6rem);
    width: calc(25% - 0.6rem);
  }
}
@media screen and (max-width: 1000px){
  #partners .grid a {
    width: -webkit-calc(33.33% - 0.6rem);
    width: -moz-calc(33.33% - 0.6rem);
    width: calc(33.33% - 0.6rem);
  }
}

@media only screen and (max-height: 630px), only screen and (max-width: 830px) {
    #partners .grid a {
    width: -webkit-calc(50% - 0.6rem);
    width: -moz-calc(50% - 0.6rem);
    width: calc(50% - 0.6rem);
  }
  #partners h3 {
        font-size: 1.571rem;
    }
    #partners .text, #partners .grid, #partners h3{
      width: 100%;
    }
}
@media only screen and (max-width: 400px){
     #partners h3 {
    padding: 0.806rem 1.097rem;
  }
  #partners .text, #partners .grid{
    padding: 1.323rem 1.097rem;
  }
}