.photo {
    width: 45%
  }
  .txt {
    width: 55%;
  }
  @media (max-width:1024px) {
    .flex{
      flex-direction:column;
      
    }
    .photo { text-align:center;
      width: 100%;
  }
    .txt {
       text-align:center;
      width: 100%;
     }
   @media (max-width:768px) {
    .flex{
      flex-direction:column;
      width: 100%;
    }
     .photo { text-align:center;
       width: 100%;
  }
     .txt {
       text-align:center;
       width: 100%;
     }
  }
   @media (max-width:480px) {
    .flex{
      flex-direction:column
    }
     .photo { text-align:center;
       width: 100%;
  }
     .txt {
       text-align:center;
       width: 100%;
     }
  }