#gallery{ float:right; width:100%; }
	#gallery li{ list-style:none; perspective:150px; -webkit-perspective:100px; margin:10px; float:right; position:relative; transition:.1s; -webkit-transition:0.1s; }
 		#gallery a{ display:block; width:355px; height:551px; overflow:hidden; background:rgba(0,0,0,0.1);
					transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); }
 	
/*------- media queries -----------*/
@media all and (max-width:700px){
 	.btn{ position:absolute; right:70px; top:36px; }
 	#gallery a{ width:128px; height:197px; }
 	.main footer{ margin:2px 0; }
}
p {
    color: white;

 text-align: left;
	  }
.t22{
font-size: 15px;
padding: 3px;
}

#aligntop {
  vertical-align: top;
}
.button {
    padding: 3 7 3 7;
    font-size: 0px;
}
.nav>li>a {
    position: relative;
    display: block;
 padding: 3 7 3 7; 
}
.body {
 font-size: 0px;
	 padding: 0 0 0 0; 
 }
.nav-pills>li>a {
 border-radius: 0px;
	background: white;
}
 
	.nav>li>a {
	padding: 0 0 0 0;
 margin: 5px 30px 5px 0;
}
 			#gallery li.loaded.img:hover: p {color: red;}
 
	 .loaded22:hover ~ .loaded33 p {
display: none;
}
#loaded333:hover ~ .loaded33 p {
display: none;
}
#pfont{
font-size: 15px;

}
.pfont1{
font-size: 21px;
}