body {      	 	  
	background: -webkit-linear-gradient(to bottom right, #DAF9ED, transparent 20%, #CEF6F5),
	 -webkit-linear-gradient(to top right,  #ddd, transparent 50%,  #ddd ) #FFFFEE;
	background: -o-linear-gradient(to bottom right, #DAF9ED, transparent 20%, #CEF6F5),
	 -o-linear-gradient(to top right,  #ddd, transparent 50%,  #ddd ) #FFFFEE;	
	background: -moz-linear-gradient(to bottom right, #DAF9ED, transparent 20%, #CEF6F5),
	 -moz-linear-gradient(to top right,  #ddd, transparent 50%,  #ddd ) #FFFFEE;
	background: linear-gradient(to bottom right, #DAF9ED, transparent 20%, #CEF6F5),
	 linear-gradient(to top right,  #ddd, transparent 50%,  #ddd ) #FFFFEE;	 
	background-size: cover; 
	opacity:0.95; 
	filter: alpha(opacity=95);  	     
}

h1{
	font-size: 400%;
	text-align:center;  
	color: #FFFFE9;  
	text-shadow: 0 2px 2px #000;
	padding-bottom: 8%;
}

#main {margin-top: -3%; }

.photo-items {
	padding: 10% 2% 5% 2%; 
	background:radial-gradient(#134E654D,#2E86B380, #FFFFE9, transparent);
	margin-top: 80px;
	opacity: 0.9;
}

#wrapper{ margin: 0 5%;}

@media screen and (min-width: 1026px) {
	.row {text-align:center;}
}	

@media screen and (max-width:1700px) {
	#wrapper, 
	.navbar{
		margin: 0;
}
	 
@media screen and (max-width: 1010px) {
	.photo-items{padding-top:20%; }
	.row {margin-left: 1%;}
}
@media screen and (max-width: 800px) {
	.row {margin-left: -4em;}
}
	
@media screen and (max-width: 350px) {
	.row {margin-left: -3em;}
}