.avt_grid_col_33 {
         display: inline-block;
         width: 33%;
         vertical-align: top;
         text-align: left;

         padding: 10px;
      }

      .avt_main h2{
         color: #333;
         font-weight: 600;
         font-size: 48px;
         text-align: center;
      }

      .avt_main h3{
         color: #333;
         font-weight: 600;
         text-align: center;
         margin: 0px;
      }

      .avt_main h4{
         color: #3b3;
         font-weight: 600;
         text-align: center;
         font-size: 18px;
      }
.icon_block{align-items: center; 
    display: inline-flex;
    flex-direction: row;
    flex-flow: column;
    width: 15%;}
.block{
       display: inline-flex;
margin: auto 10px;
    vertical-align: top;
}
      .avt_grid_btn{

         padding: 20px;

         border: solid 1px #eee;
         border-radius: 5px;
         /*box-shadow: 0 0 6px 0 rgba(0,0,0,.04), 0 4px 10px 0 rgba(43,85,67,.65); */
         /*box-shadow: 10px 10px 38px 0 rgba(0,0,0,0.1);*/
         box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
         cursor: pointer;
      }

      .avt_grid_btn:hover{
         box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
      }
      .avt_grid_btn h3{
         color: #212529;/*333*/
         font-weight: 600;
         font-size: 20px;
         margin: 20px 0px;
      }
   
      .avt_grid_btn p{
         color: #777;
         font-size: 16px;
         font-weight: 400;
         margin: 10px auto;
      }

   @media (max-width: 375px) {

      .avt_grid_col_33 {
         width: 100%;
         margin: 15px auto;
      }

      .avt_main h2{
         font-size: 24px;
      }

      .avt_grid_btn h3{
         font-size: 18px;
      }
   }

   @media (min-width: 376px) and (max-width: 768px) {

      .avt_grid_col_33 {
         width: 49%;
         margin: 15px auto;
      }

      .avt_main h2{
         font-size: 32px;
      }
   }
 @media (min-width: 768px) and (max-width: 1024px) {

  .avt_grid_btn h3 {font-size: 11px;
         margin: 10px 0px;
   }
}