body {
  background-image: url("../img/paper.png");
  margin-left: 50px;
}
p {
	margin-top: 0px;
	color:#c02942;
}
p span {
	font-size: 14px;
	color: #666;
}
.ui-btn-left {
	position: absolute;
	right: 0px;
	top: 11px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 20px;
	background: #c02942;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#gallery h1, #gallery1 h1, #gallery2 h1{
	text-align: left;
}  
#gallery {
	float: left;
	padding-left: 0px;
	width: 100%;
}
#gallery1, #gallery2 {
	float: left;
	padding-left: 0px;
	width: 50%;
}
#gallery img, #gallery1 img, #gallery2 img {
	background: #fff;
-webkit-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1), 0px 15px 10px 0px rgba(0,0,0,0.1); /* left right, up down, blur, size, color */
-moz-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1), 0px 15px 10px 0px rgba(0,0,0,0.1); /* left right, up down, blur, size, color */
-o-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1), 0px 15px 10px 0px rgba(0,0,0,0.1); /* left right, up down, blur, size, color */
box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1), 0px 15px 10px 0px rgba(0,0,0,0.1); /* left right, up down, blur, size, color */
margin-bottom: 5px;
}
#gallery ul, #gallery1 ul, #gallery2 ul {
	margin-right: 40px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}
#gallery li, #gallery1 li, #gallery2 li {
  float: left;
	width: 220px;
 max-height: 220px;
  height: 220px;
 margin-right: 10px;
 margin-bottom: 70px;
 margin-bottom: 60px;

  
}
#gallery li img, #gallery1 li img, #gallery2 li img{
	max-height: 220px;
	height: auto;
}
#gallery .portrait img, #gallery1 .portrait img, #gallery2 .portrait img {
 height: 100%;
 width: auto;
}
.landscape img {
    width: 100%;
    height: auto;
}
#age-lable {
	position:absolute;
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
	background:  #c02942;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin-left: -5px;
	margin-top: -10px;
}
.reorder {
	float: left;
	text-align: left;
	height: 20px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
	cursor: pointer;
	padding-left: 0px;
}
.reorder:after {
	font-family: 'FontAwesome';
	display: block;
	content: "\f0dc";
	font-size: 17px;
	margin-top: 2px;
	float: left;
	color: #c02942;
	margin-right: 5px;
}

/* Narrow height 750 MAINLY FOR POPOVERS----------- */
@media only screen and (max-width: 500px) {
	
	#gallery1 li, #gallery2 li {
		width: 150px;
	 max-height: 150px;
	  height: 150px;
  
	}
	#age-lable {
		position:absolute;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;
		background:  #c02942;
		font-size: 12px;
		color: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		margin-left: -5px;
		margin-top: -12px;
	}
}