.tablet,
.phone {
	display: none;
}

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

	.nav .hamburger {
		color: #FFF;
		font-size: 2rem;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;
	}

	.nav > ul {
		display: none;
	}

	/* Nav Lvl 1 */
	.nav > ul > li {
		display: block;
	}

	.nav > ul > li > a .more {
		display: inline-block;
	}

	/* Nav Lvl 2 */
	.nav > ul > li > ul,
	.nav > ul > li:hover > ul {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
	}

	.nav > ul > li > ul > li > a {
		text-align: center;
	}

	.nav > ul > li > ul > li > a .more {
		display: inline-block;
	}

	/* Nav Lvl 3 */
	.nav > ul > li > ul > li > ul,
	.nav > ul > li > ul > li:hover > ul {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
	}

	.nav > ul > li > ul > li > ul > li > a {
		text-align: center;
	}

	.nav > ul > li > ul > li > ul > li > a .more {
		display: inline-block;
	}

	.image-grid > div {
		width: 45%;
	}

	.page.contact-us .career-ad {
		text-align: center;
	}

	.page.contact-us .career-ad a {
		float: none;
	}
}

/* Phones */
@media screen and ( max-width: 768px ) {
	iframe {
		width: 100%;
		max-width: 768px;
	}

	.phone {
		display: block;
	}

	.header .logo {
		float: none;
		margin: 0 auto;
		width: 100%;
	}

	.header .banner {
		display: none;
	}

	.image-grid > div {
		display: block;
		margin: 10px auto;
		width: auto;
	}

	.company-table .row {
		margin-bottom: 20px;
	}

	.company-table .col-1,
	.company-table .col-2 {
		float: none;
		margin: 0 auto 20px auto;
	}

	.page.contact-us .columns .column-left {
		margin-bottom: 60px;
	}

	.page.contact-us .columns .column-left,
	.page.contact-us .columns .column-right {
		float: none;
		width: auto;
	}

	.page.contact-us .career-ad {
		text-align: center;
	}

	.page.contact-us .career-ad a {
		float: none;
	}
}