/* Page Grid 2 Container 2*/
.container2 {
 /* border: 2px solid rgb(217, 217, 217);
  border-radius: 0.2rem;*/
  padding: 20px;
  width: 100%;
  font-size: 1rem;
  font-family: var(--font-family-main);
  color: var(--third-text-color);

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  min-width: 400px;
  
}

.container2 > * {
  padding: 10px;
   /*border: 1px solid rgb(95 97 110);*/
  /*border-radius: 0.2em;*/
  margin: 0;
}

.container2 img {
  justify-self: center; /* centers the image horizontally in its grid cell */
  /*align-self: center;    optional: centers vertically */
}

.do-align-centre {
   display: flex;
  flex-direction: column;  /* Stacks items vertically */
  justify-content: top; /* Centers items vertically inside the container */
  align-items: center;     /* Centers items horizontally */
  text-align: center;    
}

 .do-align-centre a:link {
  color: #3498db;
  text-decoration: none; /* Removes the default underline */
}


.do-align-centre img {
      max-width: 100%;        /* Keeps image responsive */
      height: auto;
      margin-bottom: 5px;    /* Adds space between image and text */
    }

.section2textstyle {
    font-weight: bolder;
}

.section2_textalign {
    text-align: justify;   
}


/* Tablets: Drops down to 2 columns */
        @media (max-width: 900px) {
            .container2 {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* Mobile Phones: Drops down to 1 column */
        @media (max-width: 500px) {
            .container2 {
                grid-template-columns: 1fr;
            }
        }