body {width: 100%;
      height: 1200px;
    /*border: 2px solid red;*/
	  background-image: url('../images/Water_Drops.jpg');
	  padding: 0px 0px 0px 0px;
      } 
	  
* {box-sizing: border-box;}
	  
html {/*overflow: hidden;*/}

h1 {position: relative;
	display: block;
    width: 280px;
    margin:auto;    /*Set at 875px for left margin*/
    padding: 25px 5px 25px 5px;
    font-size: 36px;
    color: white;
   /* border: 3px solid white;*/
    }
	  
.container{position: relative;
           display: block;
           width: 60%;
		   height: 85%;
          /* border: 3px solid blue;*/
		   margin: 0px auto 0px auto;
		   padding-top: 50px;
		   padding-left: 50px;
		   background-color: #c8e6e6;
		   }
		   
.responsive { display: block;
              float: left;
              width: 250px;
			  margin-bottom: 5px;
			  margin-left: 0px;
			  margin-right: 5px;
			  padding: 5px 6px;
			  /*border: 1px solid purple;*/}		   
		   
div.gallery {*/border: 1px solid #ccc;*/
             width: 230px;
			 height: 250px;
             padding: 20px;
			}
			
div.gallery:hover {border: 2px solid #777;} 

div.desc    {display: block;
             width: 125px;			 
			 height: 60px;
             margin: auto;	
             margin-top: 10px;			 
             padding: 5px 5px 5px 5px;
             text-align: center;
			 /*border: 1px solid black;*/
			 font-size: 14px;
			 font-weight: 600;
            }
			
p {margin-top: 4px; }
			
			  
img {width: 150px;
	 height:150px;
	 clear: both;
	 margin: auto;
     border: 3px solid black;
     border-radius: 10px;}
	 
img.image1 {display: block;
            width: 175px;
			clear: both;
            margin: auto;
            /*border: 2px solid red;*/}
			
img.image2 {display: block;
            width: 95px;
			height: 150px;
			clear: both;
            margin: auto;
            /*border: 2px solid red;*/ }
			
img.image3 {display: block;
            width: 145px;
			height: 150px;
			clear: both;
            margin: auto;
           /* border: 2px solid red;*/ }
			
img.image4{display: block;
           width: 150px;
		   height: 150px;
		   clear: both;
           margin: auto;
          /* border: 2px solid red;*/}
			
img.image5 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
            /*border: 2px solid red;*/}
			
img.image6 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
            /*border: 2px solid red;*/}
			
img.image7 {display: block;
            width: 135px;
		    height: 150px;
		    clear: both;
            margin: auto;
           /* border: 2px solid blue;*/}
			
img.image8 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
           /* border: 2px solid red;*/}
			
img.image9 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
           /* border: 2px solid red;*/}
			
img.image10 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
            /*border: 2px solid red;*/}
			
img.image11 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
           /* border: 2px solid red;*/}
			
img.image12 {display: block;
            width: 100px;
		    height: 150px;
		    clear: both;
            margin: auto;
            /*border: 2px solid red;*/}
			  
 .clearfix {content: "";
            display:table;
			clear: both;
           }