body
{
	background-color: #000000;
}

.contener
{
	width: 900px;
	height: 900px;
	margin: auto;
}

.contener8
{
	width: 1200px;
	height: 600px;
	margin: auto;
}

.wiersz
{
	width: 900px;
	height: 300px;
	float: left;
}

.wiersz1
{
	width: 900px;
	height: 900px;
}

.wiersz4
{
	width: 900px;
	height: 450px;
	float: left;
}

.wiersz8
{
	width: 1200px;
	height: 300px;
	float: left;
}

.gify
{
	width: 300px;
	height: 300px;
	float: left;
}

.podglad
{
	position: relative;
	width: 300px;
	height: 300px;
	
}

.podglad:hover .link
{
	opacity: 1;
	transition: all 0.3s ease-in-out;
	z-index: 1;
}


.podglad .link
{
	position: absolute;
	display: block;
	width: 300px;
	height: 300px;
	bottom: 0px;
	opacity: 0
}


.gify4
{
	width: 450px;
	height: 450px;
	float: left;
}


img
{
	height: 300px;
	width: 300px;
	transition: all 0.3s ease-in-out;
}

img:hover
{
	transform: scale(1.1);
}