.body { font-family: Verdana,Arial,sans-serif; 
       font-size: medium;
       margin: 0; 
     }
     
header, nav, main, footer { display: block; } /* provide HTML5 support for older browsers */
     
.img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
} 

#twocolumn { background-color: #33ccff;
             color: #000000;
             width: 98%;
             min-width: 800px;
             margin-left: auto;
             margin-right: auto;
           }

#leftcolumn2 { float: left;
              width: 200px;
              background-color: #2376E1;
              color: #000000;
            }

#rightcolumn2 { margin-left: 210px;
               background-color: #00ff00;
               color: #000000;
               margin-right: 5px;
             }



#floatright { float: right; 
              margin: 5px;
            }

/* CSS grid layout */
.grid-container {
 /* display: grid;
  grid-template-columns: auto auto auto;
  grid-auto-rows: 325px;
  background-color: #2196F3;
  padding: 10px;
  grid-gap: .1em; */
}
.grid-item {
  /* border: 1px solid rgba(0, 0, 0, 0.8);    
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  font-size: 10px;
  text-align: center; */
}

#testimg1 {
  background-image: url(images/bakery.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center; 
}

#testimg2 {
  background-image: url(images/image6.jpg);
  background-repeat: no-repeat;
  background-position: center;
}


/* img[src="images/image6.jpg"] {
  border-radius: 25px;
} */

#testimg4 {
  background-image: url(images/image12.png);
  background-repeat: no-repeat;
  background-position: center;
}

#testimg6 {
  background-image: url(images/bakery.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}