  
  .contactItm {
    display:grid; 
    grid-template-columns: 10vw auto 2vw 10vw auto ;
	  grid-template-rows: repeat( 10, auto) ;
	  justify-content: center; align-content:start;
    justify-items: center; align-items: start;;
    grid-row-gap: 6vw;  grid-column-gap: 2vw; } 
	 
  .contactImg { border: 2px #ff0000 solid; }
  
  .contactImg img { width:12vw; height:auto; }
  
  .contactTxt { font-size:1rem; line-height:1.15rem; font-weight:500; } 
    
  #contactSocials { 
    display:grid; grid-column: 1 / 5 ; justify-self:start;   
    grid-template-columns: 4vw auto ;
	  grid-template-rows: 3vw 3vw 3vw 3vw 3vw;
	  justify-content: start; align-content:start;
    justify-items: start; align-items: center;;
    grid-row-gap: 0.5vw;  grid-column-gap: 2vw; }   
 
  #contactSocials div:nth-child(2n + 1) { 
    width:3vw; height:3vw; }
   
  
  #contactSocials div:nth-child(2n + 2) {
    justify-self: start; align-self:start ;
    text-align:left; font-size:1rem; line-height:1.2rem;}
     
  .socIcons:hover .tooltipTxt { visibility: visible; }   
 
  .tooltipTxt {
    display:block; visibility: hidden; position: absolute;
    bottom: 110%;  left: 2vw;
    white-space: nowrap;
    background-color: #fffff0;    color: #333;
    border:1px #333 solid; border-radius: 3px;
    padding: 2px 12px; 
    font-size: 1rem; line-height:1.15rem; }  
 