/*  need new div to setup 2 grids  */


#content-grid {
  display: grid;
  grid-template-columns:   1fr 1fr;
  grid-gap: 20px;
	padding-left: 6%; 
}

#content-grid > div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;		     
    }

		.content_container {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
												
        }
		
		
	 .content_item {
            flex: 1 1 200px;
            background-color: white;
            padding: 10px; */
            text-align: center;
           /*  border: 1px solid #ccc; */
        }	
		
.imageContainer {
   margin-left:2%;  /* was 36% */
   display: inline-block;
   position: relative;
   
	 padding: 5px;
							 
}


.text {
			  font-family: "Roboto", sans-serif ;
			 /*position: absolute; 
  		  top: 4px;
   			left: 16px; */
				 background-color: white;
				 margin-left:5%;
				 margin-top: 10px;
				 margin-right:5%;
				padding: 20px;
				padding-right: 30px;
       text-align: left;  /* center; */
	 		 color: black;
			  /*font-weight: bold; */
			 font-size: 1.3rem;
			 line-height: 1.2em;
      }

@media screen and (max-width: 600px) {
  .text  {
    width: 370px;
    text-align: left;
  }
}