@media only screen and (max-width: 600px) {
body {
      width: 360px;
      height: 1248px;    /*Set at 1248px*/
	  margin-left: 25px;
	  padding: 5px 5px 5px 3px;
      padding-bottom: 150px;
	  /*overflow: hidden;*/
    /*background-image: none;*/
	/*  border: 2px solid white;*/}
	  
* {box-sizing: border-box;}

html {overflow-x: hidden;
    /*overflow-y: hidden;*/}
	  
h1.heading1 {display: block;
             width: 150px;
			 height: 25px;
			 text-align: center;
			 clear: both;
			 margin: auto;
			 margin-bottom: 10px;
			 font-size: 18px;
		     /*border: 2px solid white;*/
			 color: white;    /*Original setting is white*/
			 }
			 
.container {position: relative;
            display: block;
			width: 350px;
			height: 1200px;
			clear: both;
			margin: 0px 0px 0px 0px;
	        /*border: 2px solid pink;*/
			 }	

.responsive{position: relative;
            display: block;
            width: 125px;
		    height: 175px;
            margin: 5px 5px 10px 0px;
			padding: 5px 10px 10px 5px;
		  /*border: 2px solid blue;*/
		    } 
	 
div.gallery {position: relative;
	      display: inline-block;
          width: 115px;
          height: 115px;
		  margin-left: -2px;
		  margin-top: -2px;
		  margin-bottom: 5px;
		  padding: 5px 5px 10px 10px;
	      /*border: 2px solid purple;*/
		  }   

div.gallery:hover {border: solid #777;} 	  

img {position: relative;
	 display: block;     /*Block*/
     width: 50px;
     height: 150px;
	 margin: 0px 0px 0px -5px;
	 border: 3px solid black;}  

img.image1 {position: relative;
	        display: block;
            width: 108px;
			height: 105px;
            margin: -3px 0px 0px -9px;
            /*border: 2px solid red;*/} 
			
img.image2 {position: relative;
	        display: block;
            width: 60px;
			height: 105px;
            margin: -3px auto 0px auto;
            /*border: 2px solid red;*/ }
			
img.image3 {position: relative;
	        display: block;
            width: 108px;
			height: 105px;
            margin: -2px 0px 3px -9px;
           /* border: 2px solid red;*/ }
		   
img.image4{position: relative;
	       display: block;
           width: 108px;
		   height: 105px;
           margin: -2px 0px 0px -9px;
          /* border: 2px solid red;*/}
			
img.image5 {position: relative;
	        display: block;
            width: 80px;
		    height: 105px;
            margin: -2px 0px 0px 6px;
            /*border: 2px solid red;*/}
			
img.image6 {position: relative;
	        display: block;
            width: 108px;
		    height: 105px;
            margin: -2px 0px 0px -8px;
            /*border: 2px solid red;*/}

img.image7 {position: relative;
	        display: block;
            width: 108px;
		    height: 105px;
            margin: -2px 0px 0px -8px;
           /* border: 2px solid blue;*/}
			
img.image8 {position: relative;
	        display: block;
            width: 108px;
		    height: 105px;
            margin: -2px 0px 0px -8px;
           /* border: 2px solid red;*/}
			
img.image9 {position: relative;
	        display: block;
            width: 90px;
		    height: 105px;
            margin: auto;
           /* border: 2px solid red;*/}
			
img.image10 {position: relative;
	        display: block;
            width: 90px;
		    height: 105px;
            margin: 0px -2px 0px 0px;
            /*border: 2px solid red;*/}
			
img.image11 {position: relative;
	         display: block;
             width: 90px;
		     height: 105px;
             margin: -2px 0px 0px 0px;
           /*border: 2px solid red;*/}
			
img.image12 {position: relative;
	         display: block;
             width: 90px;
		     height: 105px;
			 clear: both;
             margin: -2px 0px 0px 1px;
           /*border: 2px solid red;*/}
			
div.desc {
          display: block;
          width: 115px;
		  height: 45px;
	      display: block;
		  margin: 10px auto 16px -12px;   
		  padding: 0px 5px 35px 0px;
		  font-size: 15px;
		  color: black;
		 /* border: 2px solid red;*/}
		  
p {margin-left: 2px;
  }
}