بەکارھێنەر:Aram/وێنە/styles.css

.cards{
	width:40%;
	margin:30px auto;
	box-shadow: 5px 5px 10px #ccc;
}

.cards div div a img {
	width:90%;
}

.odd-pics, .even-pics{
	border: 1px solid #ccc;
	padding:10px 1px 20px 1px;
    transform:rotate(2deg);
}

/*.even-pics {*/
/*	transform:rotate(-5deg);*/
/*}*/

.photographers{
	margin-right: 30px;
	font-family: serif;
}

/************************ For mobiles ****************************/
@media only screen and (max-device-width: 480px)
{
    .cards div div a img {
        width: 90%;
    }
}

/******************* For tablets and iPads ***********************/
@media (min-width: 768px) and (max-width: 1024px)
{
    .cards div div a img {
        width: 90%;
    }
}
/* End Media query technique */