.gridContainer {
  height: 340px;
  width: 710px;
  margin-top: 25px;
  /* justify-items: center; */
  /* align-items: center; */
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /* border: 2px solid black; */
  margin: auto;
  gap: 10px 20px;
  
 
  
}
.box {
  color: #315caa;
  font-family: montserrat;
  background-color: white;
  border: 1px solid #cfcfcf;
  text-align: center;
  /* padding-top: 130px; */
  font-weight: bold;
  cursor: pointer;
  box-shadow:0 3px 10px rgba(0, 0, 0, 0.1), 2px 2px 2px #edeef2 inset;
  border-radius: 5px;

}
.box:hover {
  transform: scale(1.08);
}
h3 {
  text-align: center;
  font-family: montserrat;
  color: #424242;
}
.no-underline {
  text-decoration: none;
  color: #315caa;
}
.no-underline:hover {
  color: #d2272a;
}
 @media (max-width: 990px) {
   .no-underline {
   font-size: small;
  }
 }
 @media (max-width: 340px) {
   .no-underline {
   font-size: small;
  }
 } 
      
img {
  height: auto;
  max-width: 100%;
  border: solid transparent;
      
}
   @media (max-width: 990px) {
   .gridContainer {
   width: auto;
   height: auto;
   margin-bottom: 50px;
   gap: 5px 10px;
  } 
}     
 @media (max-width: 550px) {
  .gridContainer {
   width: auto;
   height: auto;
   margin-bottom: 50px;
   gap: 5px 10px;
  }
}