@media only screen and (max-width: 630px) {
   
   ul{
     padding: 0 15%;
   }
    }

    @media only screen and (max-width: 500px) {
   
      .info p
     {
   font-size: 1.2rem;

      }
       }
      @media only screen and (max-width: 300px) {
   
        .info p
       {
     font-size: 1.2rem;
  flex-direction: column;
        }
    
       }

  @media only screen and (max-width: 500px) {
   
    img{
       padding: 0 20px;
    }
     }