@media screen and (max-width: 1000px){
    .flex1,.flex2, .flex3{
      display: flex !important;
      flex-direction: column !important;
      text-align: justify
    }


    #d1, #d2, #d3, #contact{
      padding-right: 15% !important;
      padding-left: 15% !important;
      width: 100%;
    }

    .old img{
      width:100% !important;
    }

    #d1 img{
      width: 100% !important;
    }

    #d2 img, #d3 img, .images{
      width: 90% !important;
      text-align: center;
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 40%;
    }
      #d1 p,#d2 p, #d3 p{
        padding-top: 10% !important;
      }

      .old{
        width: 100%
      }

      .hero{
        display: none;
      }
  }