@media only screen and (max-width: 991px) {
  
      
      .evento-blocos{
          display: grid !important;
          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
          grid-gap: 10px;
          max-width: 100%;
          padding: 20px;
          box-sizing: border-box;
      }
  
  }
  @media only screen and (max-width:800px){
      #busca-clubes{
          display:none
      }
      .col-sm-offset-1 {
      margin-left: 0;
  
  }
  }
  
  @media only screen and (max-width: 767px){
      .body{
          font-size: larger;
      }
      .container{
          display: grid !important;
          
      
      }
      #info-header{
      display: none;
      }
  
      }
 @media only screen and (max-width: 500px) {
    .evento-blocos{
        grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
        padding:0px;
    }}
 @media only screen and (max-width: 400px) {
        .evento-blocos{
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            padding:0px;
        }
        .col-md-4.left{
            padding-left: 0px;
            padding-right: 0px
        }
  @media only screen and (max-width: 326px) { 
    .evento-blocos{
    grid-template-columns: 47%47%;
    }
   }    
 }