@media screen and (max-width: 920px) {
	.gallery .col.sixth {
		width: 20%;
	}
}

@media screen and (max-width: 767px) {
	#header {
		text-align: center;
		padding: 20px 0 0;
		font-size: 18px;
	}

	#header .logo, #header .contacts {
		float: none;
		text-align: center;
	}

	#header .contacts {
		padding: 20px 0;
	}

	#header .contacts .tagline {
		display: inline-block;
		margin-bottom: 20px;
	}

	#header .contacts span span {
		font-size: 22px;
	}

	#nav-trigger {
		display: block;
		height: 40px;
		background: #062F4F url('../img/icon-nav.png') no-repeat right center;
		cursor: pointer;
	}

	#nav {
		display: none;
	}

	#nav .container {
		padding: 0;
	}

	#nav ul li {
		float: none;
	}

	#nav ul li a {
		text-align: center;
		padding: 10px;
	}

	#nav ul li:nth-of-type(2n - 1) {
		background: rgba(0, 0, 0, 0.05);
	}

	#nav ul li ul {
		display: none !important;
	}

	.gallery .col.sixth {
		width: 25%;
	}
}

@media screen and (max-width: 580px) {
	.gallery .col.sixth {
		width: 33.333%;
	}

	#footer .col.fourth, #footer .col.three-fourths {
		width: 100%;
		text-align: center;
	}

	#footer .col.fourth {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 400px) {
	#header {
		font-size: 16px;
	}

	#header .contacts span span {
		display: none;
	}

	.gallery .col.sixth {
		width: 50%;
	}
}

@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and (min--moz-device-pixel-ratio: 1.3 ), only screen and (-o-min-device-pixel-ratio: 2.6/2 ), only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {
	#nav-trigger {
		background-image: url('../img/icon-nav-2x.png');
		background-size: 40px 40px;
	}
}