.tablet,
.phone {
	display: none;
}

/* Tablets */
@media screen and ( max-width: 1024px ) {
	.tablet {
		display: block;
	}

	.header {
		background-image: none;
		height: auto;
	}

	.header .page-title {
		display: none;
	}

	.header .hamburger {
		display: block;
		font-size: 3rem;
		font-style: italic;
		text-align: center;
		text-transform: uppercase;;
	}

	.nav {
		background-image: none;
		flex: 0 1 100%;
		height: auto;
		text-align: center;
	}

	.nav > ul {
		display: none;
	}

	.nav li {
		border-bottom: 1px solid #051a44;
		padding-bottom: 1rem;
	}

	.nav ul ul {
		margin-left: 0;
	}

	.nav li ul li:last-of-type {
		border-bottom: none;
	}

	.lightbox-gallery {
		width: auto;
	}

	.lightbox-gallery a {
		width: 22%;
	}

	.lightbox-gallery a img {

	}
}

/* Phones */
@media screen and ( max-width: 768px ) {
	.phone {
		display: block;
	}

	.header .logo {
		display: block;
		float: none;
		margin: 0 auto;
		width: auto;
	}

	img.img {
		display: block;
		float: none;
		margin: 0 auto;
		width: 100%;
	}

	.lightbox-gallery {
		width: auto;
	}

	.lightbox-gallery a {
		height: 200px;
		padding-bottom: 2rem;
		width: 100%;
	}

	.lightbox-gallery a img {
		height: 100%;
	}
}