html, body { height:100%;font-size:13px;line-height:18px;background:#000;color:#000;font-family: 'Roboto', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }
h1	{ font-size: 24px; }
h2	{ font-size: 20px; }
h3	{ font-size: 16px; }
h4	{ font-size: 13px; }

@media screen and (min-width: 651px) and (max-width: 10000px) {
.site { 
	float:left;
	width:100%;
	height:100%;
	position:relative;
	background:#fff url(zawieszka.jpg) top no-repeat;
	background-size:cover !important; 
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	overflow:hidden;
}
.site .logo {
	float:left;
	position:relative;
	margin:3vw 0px 0px 5vw;
	padding:0px 0px 0px 0px;
	position:relative;
}
.site h1 {
	float:left;
	width:100%;
	margin:12vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	text-align:left;
	color: #ffffff;
	font-size: 4.2vw;
	font-weight: 700;
	line-height: 4.2vw;
	text-align:center;
}

.site .contact {
	float:right;
	margin:4vw 0px 0px 5vw;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:5vw;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
	.site .contact .icon {
		float:left;
		width:4.05vw;
		margin:0px 1.1vw 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.site .contact .text {
		float:left;
		margin:0px 5vw 0px 0px;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		line-height: 31px;
		text-decoration:none;
		text-align:center;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.site .contact .text:hover {
			text-decoration:underline;
		}
}

@media screen and (min-width: 1px) and (max-width: 650px) {
.site { 
	float:left;
	width:100%;
	height:100%;
	position:relative;
	background:#fff url(zawieszka.jpg) top no-repeat;
	background-size:cover !important; 
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	overflow:hidden;
}
.site .logo {
	float:left;
	position:relative;
	margin:-5vw 0px 0px 5vw;
	padding:0px 0px 0px 0px;
	position:relative;
}
.site h1 {
	float:left;
	width:100%;
	margin:12vw 0px 12vw 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	text-align:left;
	color: #ffffff;
	font-size: 8vw;
	font-weight: 700;
	line-height: 8vw;
	text-align:center;
}

.site .contact {
	float:left;
	margin:0px 0px 5vw 5vw;
	padding:0px 0px 0px 0px;
	position:relative;
	left:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.site .contact .icon {
		float:left;
		width:15vw;
		margin:0px 3vw 0px -10vw;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.site .contact .text {
		float:left;
		width:100%;
		margin:0px 0px 5vw 0px;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		line-height: 31px;
		text-decoration:none;
		text-align:center;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.site .contact .text:hover {
			text-decoration:underline;
		}
}