#text {
        width: 90%;
        padding: 20px;
       }

       @media (max-width: 768px) {
        #text {
        width: 100%;
        padding: 30px;
       }
       }

       #text-2 {
        font-size: 40px;
       }

        @media (max-width: 768px) {
        #text-2 {
             font-size: 30px;
       }
       }

       

        @media (max-width: 768px) {
        #text-2-p {
             padding: 10px;
       }
       }


       @media (max-width: 768px) {
        #text-3 {
             font-size: 30px;
       }
       }

       

       #text-3-p {
        padding: 10px;
       }

        @media (max-width: 768px) {
        #text-3-p {
          width: 100%;
          padding: 20px;
       }
       }