@charset "UTF-8";
/* Rozana 16 Gallery Page CSS Document */

body,td,th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1{
	font-family: 'Kaushan Script', cursive;
	font-weight:normal;
	color:#6C0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#6C0;
}
h3 {
	font-family: 'Kaushan Script', cursive;
	color:#600;
}
.opis {
	width:440px;
	word-wrap:normal;
	font-size:14px;
	color:#666;
}
.gallerywrapper{
	padding:20px;
	width:90%;
	height:100%;
}
.album{
    border-top: 2px dotted #6C0;
	padding-bottom:15px;
	width:100%;
	height:auto;
	overflow:hidden;
}
.pic{
	height:150px;
}

.g a {
	background: white;
	display:inline-block;
	height: 150px;
	margin: 5px 10px 10px 10px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
    position:relative;
    border-radius: 0 !important;
}

@media (hover: hover) {
	.g a:hover {
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		transform: scale(1.15);
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .6);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.6);
		box-shadow: 0 4px 6px rgba(0,0,0,.6);
		position: relative;
		z-index: 5;
	}
}

/* Mobile Gallery Responsiveness (strictly scoped to mobile screens <= 520px) */
@media screen and (max-width: 520px) {
	.gallerywrapper {
		padding: 10px 4px;
		width: 100%;
		box-sizing: border-box;
	}
	.opis {
		width: 100%;
		max-width: 440px;
		padding: 0 8px;
		box-sizing: border-box;
	}
	.pic {
		max-width: 135px;
		height: auto;
		border-radius: 0 !important;
	}
	.g a {
		height: auto;
		margin: 4px;
		padding: 4px;
		border-radius: 0 !important;
	}
	.album {
		padding-bottom: 20px;
	}
}