/* relevant for the tutorial - start */
#gallery { position: relative; }
#pictures { position: relative; height: 300px; float:none; width:412px; text-align:center;}
#pictures img { position: absolute; top: 0; left: 0; width:412px; height:280px;}
#prev a{outline:none;}
/*#prev img{ border:0px; margin:110px 0px 0px 0px;}
*/
#next a{outline:none;}
/*#next img{ border:0px; margin:110px 0px 0px 0px;}*/
/* relevant for the tutorial - end */
#prev, #next{
	position: absolute;
	top:40%;
	width:11px; 
	z-index: 99999;
}
#prev{left: 0;}
#next {right: 0;}

@media only screen and (min-width : 0px) and (max-width : 480px){
	#pictures img {  width:340px;}
	#pictures{
		width: 318px;
	}
	
}
@media only screen and (min-width : 0px) and (max-width : 320px){
	#pictures img {  width:300px;}
	#pictures{
		width: 278px;
	}

}