.section{
    /* width:100%;
     height: 100%;*/
     margin:0;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }
 
 .card{
     margin: 0;
     margin-top: 1em;
     border:3px solid navy;
     width:15em;
     height:10.2em;
     border-radius: 0.5em;
     background-color: silver;
     
 }
 .card:hover{
   /*  -ms-transform: scale(1.5); /* IE 9 */
   /*  -webkit-transform: scale(1.5); /* Safari 3-8 */
     transform: scale(1.1);
     }
     @media screen and  (min-width: 350px) and (max-width:810px){
      .title{
         margin-top:5em
      }
     
      .card{
         margin-bottom: 2em;
      }
     } 
     
     @media screen and  (min-width: 810px) and (max-width:1616px){
         .card{
             margin-bottom: 1em;
          }
     
     }