body {
	background: #fff6e9 url('/images/back.jpg') no-repeat top left fixed;
	background-size: cover;
}

img.kata02 {
	float: right;
	margin-left: 2em;
	margin-bottom: 2em;
	transform: rotate(5deg);
}

img.wendy01 {
	transform: rotate(-3deg);
}

img.zsuzsi01 {
	transform: rotate(7deg);
}

img.zsuzsi02 {
	margin: -1.3em auto 2em;
	transform: rotate(-2deg);
}

#pictures {
	position: relative;
	margin: 1.5em 0 2.5em;
}

#pictures img {
	max-width: 100%;
}

.unavailable {
	position: relative;
	opacity: .6;
	cursor: default;
	user-select: none;
}

.unavailable::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -3%;
	width: 106%;
	height: 2px;
	background: rgba(0,0,0,.45);
	transform: rotate(-8deg);
	pointer-events: none;
}

@media (min-width: 992px) {
	img.laura01 {
		position: absolute;
		left: 50%;
		margin-left: -205px;
		z-index: 2000;
	}
	img.zsuzsi01 {
		position: absolute;
		right: -5px;
		z-index: 3000;
	}
	img.zsuzsi02 {
		float: left;
		margin: -1.3em 2em 2em 0;
		transform: rotate(-2deg);
	}
}