@media all and (max-width: 979px) {

	.mobileOnly {
		display: block;
	}

	.desktopOnly {
		display: none;
	}
	
	main {
		width: 100%;
	}
	
	.textblock {
		padding-top: 25px;
	}

/*	body {
		overflow: hidden;
	}*/

	/* STRUCTURAL */
	/* ========== */
	@media all and (max-width: 584px) {
		body {
			background-image: none !important;
		}

			main {
				width: 100%;
			}
	}

	main:before {
		height: 60px;
	}

	/* HEADER */
	/* ====== */
	header {
		top: 0px;
		left: 0px;
		height: auto;
	}

	.menuOn header {
		top: 0px;
		left: 0px;
		position: absolute;
	}

		header .inner {
		    height: 60px;
		    width: 100%;
		    top: 0px;
		    left: 0px;
		    overflow: hidden;
			position: relative;
			z-index: 3;
		}

			header a.logo {
			    display: block;
				position: absolute;
				top: 7%;
				left: 6%;
				height: 80%;
				width: auto;
			}

				header a.logo img {
				    display: block;
				    height: 90%;
					padding-top: 5%;
				    width: auto;
				}

			header .menuBtn {
				width: 29px;
				height: auto;
				position: absolute;
				top: 50%;
				right: 0%;
				padding: 0% 6%;
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
			}

				.menuBtn span {
					display: block;
					position: relative;
					top: 0px;
					left: 0px;
					height: 2px;
					width: 29px;
					margin-bottom: 6px;
					background-color: #fff;
					opacity: 1;
					-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
							transform: rotate(0deg);

					-webkit-transition: opacity .3s 0s, -webkit-transform .3s 0s, top .3s 0s;
						-ms-transition: opacity .3s 0s, -ms-transform .3s 0s, top .3s 0s;
							transition: opacity .3s 0s, transform .3s 0s, top .3s 0s;
				}

				.menuBtn span:last-child {
					margin-bottom: 0px;
				}

				.menuOn .menuBtn span:nth-child(1) {
					-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
							transform: rotate(45deg);
					top: 8px;
					opacity: 1;
				}

				.menuOn .menuBtn span:nth-child(2) {
					-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
							transform: rotate(0deg);
					top: 0px;
					opacity: 0;
				}

				.menuOn .menuBtn span:nth-child(3) {
					-webkit-transform: rotate(-45deg);
						-ms-transform: rotate(-45deg);
							transform: rotate(-45deg);
					top: -8px;
					opacity: 1;
				}

		header nav {
			max-width: none;
		    position: absolute;
		    top: 60px;
		    left: 0px;
		    margin: 0px;
			-webkit-transform: translateY(-100%);
				-ms-transform: translateY(-100%);
					transform: translateY(-100%);
			width: 88%;
			padding: 30px 6%;
			background-color: #000;
			z-index: 2;

			-webkit-transition: -webkit-transform .3s ease 0s;
				-ms-transition: -ms-transform .3s ease 0s;
					transition: transform .3s ease 0s;
		}

		.menuOn header nav {
			-webkit-transform: translateY(0%);
				-ms-transform: translateY(0%);
					transform: translateY(0%);
		}

			header nav ul {
				margin-top: 0px;
			}

				header nav ul li {
				    padding: 1em 0em;
				    display: block;
				    text-align: left;
				    border-right: none;
				    margin: 0px;
				}

					header nav ul li a {
						font-size: 160%;
					}

		header .info {
		    display: block;
		    text-align: left;
		    border-top: 1px solid #fff;
		    margin-top: 20px;
		    padding-top: 29px;
		}

			header .info .social {
			    padding-top: 0px;
			    padding-bottom: 22px;
			}

				header .info .social ul li {
					padding: 0px 0px;
				}

					header .info .social ul li a svg * {
						fill: #C69D35;
					}

			.info input[type="email"] {
				font-size: 16px;
			}

		.blocker {
		    position: fixed;
		    top: 0px;
		    left: 0px;
		    width: 100%;
		    height: 150%;
		    background-color: rgba(0,0,0,.7);
		    z-index: -99;
		    opacity: 0;
		    -webkit-transform: translateX(-200%);
		    	-ms-transform: translateX(-200%);
		    		transform: translateX(-200%);

			transition: opacity .3s 0s, z-index 0s .3s, transform 0s .3s;
		}

		.menuOn .blocker {
			z-index: 1;
			opacity: 1;
		    -webkit-transform: translateX(0%);
		    	-ms-transform: translateX(0%);
		    		transform: translateX(0%);

			transition: opacity .3s 0s, z-index 0s 0s, transform 0s 0s;
		}

	/* INTRO INFO */
	/* ========== */
	section.info {
		display: none;
	}

	.cycle-slideshow .arrow {
    	padding: 40px 6% 40px;
	}

	/* TEXT BLOCK */
	/* ========== */
	section.textBlock {
		width: 80%;
	    margin: 50px auto;
	}

	@media all and (max-width: 750px) {
		section.textBlock {
			width: 88%;
		}
	}

		section.textBlock h1, section.textBlock h2 {
			width: 100%;
		}

		@media all and (max-width: 750px) {
			section.textBlock h1, section.textBlock h2 {
				font-size: 250%;
			}

			section.textBlock p {
				font-size: 90%;
			}
		}

	/* MENUS */
	/* ===== */
	@media all and (max-width: 850px) {
		section.menu article {
		    column-count: 1;
		    column-gap: 0px;
		    -moz-column-count: 1;
		    -moz-column-gap: 0px;
		    -webkit-column-count: 1;
		    -webkit-column-gap: 0px;
		    width: 88%;
		    margin: 0px auto;
		    padding: 70px 0px 40px;
		}
	}
	
	.menu .banner h1, .cycle-slideshow h1 {
		font-size: 10vw;
	}

	.menu .banner h1 {
		width: 88%;
		margin: auto;
	    font-size: 10vw;
	}

	.menu .banner a {
		font-size: 1.2rem;
	    padding: 7px 28px;
	}

	.menu .banner h1 + a {
		margin-top: 8px;
	}

	.menu ul.sub li {
		display: block;
		font-size: 18px;
	}
	
	.menu ul.sub li.on a {
		border-bottom: 2px solid #000;
	}
	
	section.menu article .category {
		padding: 0px;
	}

		.menu ul.sub li:after {
			display: none;
		}

	/* LOCATIONS */
	/* ========= */
	@media all and (max-width: 940px) {
		.locations .col	{
			width: 100%;
			float: none;
			clear: both;
			margin-bottom: 0px;
		}
	}

	.locations .col {
		overflow-x: hidden;
	}

	/* FOOTER */
	/* ====== */
	footer .top {
		padding: 32px 6%;
	}

	footer .side1,
	footer .side2 {
		display: block;
		margin: auto;
		width: auto;
		text-align: center;
	}

	footer .side1 {
		padding-bottom: 17px;
	}

	footer .side2 > * {
		padding-right: 0px;
	}

	footer .social {
		padding-left: 0px;
	}

	footer .bottom {
		height: auto;
	}

		footer .bottom .copyright {
		    text-align: center;
		    position: relative;
		    top: 0%;
		    left: 0px;
		    -webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
		    padding: 1em 6% .5em;
		}	

		footer .bottom .credit {
		    text-align: center;
		    position: relative;
		    top: 0%;
		    right: 0px;
		    -webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
		    padding: 0em 6% 1em;
		}
	
}