@media screen and (min-width:320px) and (max-width:960px) {
	
	#face-slider, #fader, header > #contact {
		display: none;
	}
	
	header #logo {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
		margin-top: 20px;
	}
	
	header, #content, footer {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	header > #contact {
		position: static;
		padding: 0 4%;
		text-align: center;
	}
	
	#menu {
		display: none;
	}
	
	.slicknav_menu {
		display: block;
	}
	
	footer .offer-menu, footer .contact-menu {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	footer > section > a {
		width: 42%;
		padding: 7px 4%;
		margin-right: 0;
	}
	
	footer h3 {
		padding: 7px 4%;
	}
	
	footer > .execution {
		position: static;
		text-align: center;
	}
	
	footer .copyright {
		margin-top: 30px;
		text-align: center;
		padding: 0 4%;
		margin-bottom: 10px;
	}
	
	footer a.rzetelna-firma {
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	footer article {
		margin-bottom: 50px;
	}
	
	footer article section {
		margin: 10px auto;
		display: block;
	}
	
	footer article section h2 {
		margin: 0;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	footer article section:last-child {
		margin: 0 auto;
	}
	
	header nav {
		float: none;
		margin: 20px 0;
		border: none;
		background: #073054;
	}
	
	header nav a {
		float: none;
		text-align: center;
		padding: 10px 0;
		color: #fff;
	}
	
	header nav a:hover, header nav a.active {
		background: #189fd6;
		color: #fff;
	}
	
	header > #fader_min {
		width: 100%;
		margin-top: 20px;
		height: 75px;
	}
	
	header > #fader_min > #slides_min {
		display: none;
	}
	
	#content > article, #content > nav {
		float: none;
		width: 92%;
		padding: 10px 4%;
	}
	
	header > #fader_min > hgroup {
		width: 92%;
		padding: 18.5px 4%;
		overflow: hidden;
		line-height: 40px;
	}
	
	header > #fader, header > #fader_min {
		padding-bottom: 0;
		background: none;
	}
	
	.gallery a {
		display: block;
		width: 210px;
		height: 115px;
		margin: 10px auto;
	}
	
	#content figure {
		display: block;
		margin: 0;
	}
	
	#content .gallery > a:nth-child(3n+1) > figure {
		margin: 0;
	}
	
	#content > nav > a, header > #fader > hgroup > h1, header > #fader_min > hgroup > h1 {
		text-align: center;
	}
}

@media screen and (min-width:480px) and (max-width:960px) {

	.gallery {
		width: 480px;
		margin: 0 auto;
	}
	
	.gallery a {
		display: block;
		float: left;
		margin: 5px;
	}
}

@media screen and (min-width:640px) and (max-width:960px) {
	
	footer article {
		width: 640px;
		margin: 30px auto;
	}
	
	footer article section {
		float: left;
		margin: 10px;
	}
	
	footer article section:last-child {
		margin: 10px;
	}
	
}

@media screen and (min-width:768px) and (max-width:1023px) {
	
	.gallery {
		width: 768px;
		margin: 0 auto;
	}
	
	.gallery a {
		display: block;
		float: left;
		margin: 10px;
	}
}

@media screen and (min-width:1024px) and (max-width:1279px) {

}

@media screen and (min-width:1280px) and (max-width:1365px) {
	
}

@media screen and (min-width:1366px) and (max-width:1439px) {

}

@media screen and (min-width:1440px) and (max-width:1679px) {
	
}

@media screen and (min-width:1680px) and (max-width:1919px) {
	
}

@media screen and (min-width:1920px) and (max-width:3840px) {
	
}