@m: ~"screen and (max-width: 600px)";
@d: ~"screen and (min-width: 601px)";

body {
	background-color: #fff;
	font-family: 'Manrope', sans-serif;
	@media @m { font-size: 14px; }
	@media @d { font-size: 18px; }
	font-weight: 500;
	line-height: 1.7em;
	color: #222;
}


.pw {
	max-width: 1000px;
	@media @m { padding: 60px 23px; }
	@media @d { padding: 100px; }
	margin: 0 auto;
}

h3 {
	font-size: 100%;
	font-weight: 700;
}

.title {
	text-align: center;
	h1, h2 {
		font-size: 24px;
		line-height: 1.5em;
	}
}

blockquote {
	text-align: center;
	margin: 50px 0;
	color: #777;
}

.description {
	@media @d {
		p {
			text-align: justify;
		}
	}
	p + p {
		margin-top: 1em;
	}
	.signature {
		text-align: center;
		margin-top: 2em;
	}
}

.contact {
	margin-top: 100px;
	a {
		text-decoration: underline;
	}
	h2 {
		margin-bottom: 10px;
		font-size: 100%;
	}
	p {
		display: inline-block;
		margin-right: 30px;
	}
}
.map {
	height: 400px;
	margin-top: 70px;
}
iframe {
	display: block;
	border: 0;
	width: 100%;
	height: 100%;
}

.rodo {
	font-size: 12px;
	line-height: 1.6em;
	color: #555;
	margin-top: 30px;
	input {
		display: none;
	}
	label {
		cursor: pointer;
		&:hover {
			h3 {
				text-decoration: underline;
			}
		}
	}
	h3 {
		margin-bottom: 10px;
	}
	input:not(:checked) + h3 + .description {
		display: none;
	}
	p + p {
		margin-top: 0.5em;
	}
}

// .photo {
// 	display: block;
// 	width: 220px;
// 	height: 220px;
// 	border-radius: 100%;
// 	background-color: #e7e7e7;
// 	margin: 0 auto 50px;
// 	font-size: 0;
// }

.photo {
	display: block;
	width: 220px;
	height: 220px;
	border-radius: 100%;
	margin: 0 auto 50px;
	background: url('/images/sloneczniki-bg.jpg') no-repeat center;
	background-size: cover;
}



.cover {
	display: block;
	width: 100%;
}