.trutop-banner {
    /*  ADD A BACKGROUND IMAGE IN YOUR PERSONALITY MODULE
    background-image: url("https://4366475.fs1.hubspotusercontent-na1.net/hubfs/4366475/Backgrounds/AAA-SMall-Blocks-04.png");
    background-image: url("https://4366475.fs1.hubspotusercontent-na1.net/hubfs/4366475/Backgrounds/wavy-Lines.png");
    background-image: url("https://4366475.fs1.hubspotusercontent-na1.net/hubfs/4366475/Backgrounds/3D-grid-01.png");
    background-image: url("https://4366475.fs1.hubspotusercontent-na1.net/hubfs/4366475/Backgrounds/Abstract_Squares-01.png");
    */
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    display: grid;
    width: 80%;
    grid-template-columns: 40% 40%;
    gap: 20%;
    padding: 7% 10% 3% 10% ;
    margin: 0% 0% 0% 0%; 
    }

.trutop-about {
}

.trutop-side{
  
  margin: auto;
}



  /****** RESPONSIVE SCREEN FORMATTING *****/
   /* notebook screen */
   @media (max-width: 1400px) {
        .trutop-banner {
          padding: padding: 7% 10% 3% 12%;
        }
      }    
      
        /* tablet screen */
   @media (max-width: 1000px) {
        .trutop-banner {  
          grid-template-columns: 46% 46%;
          padding: 10% 10% 3% 10%;
        }       
   }
      
      /* phone screen */
   @media (max-width: 767px) {
        .trutop-banner {  
          grid-template-columns: 96%;
          padding: 7% 0% 3% 0%;
          margin: 15% 0 0 0;
          gap: 1%;
          width: 100%; 
          }          
   }