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

	input, textarea {
		width: 80%;
	}
	
	header {
		width: 100%;
		overflow: hidden;
	}
	
		header a.logo {
			width: 70%;
			width: calc(100% - 30px);
			left: 20px;
			top: 30px;
		}
		
		header .slice {
			position: fixed;
		}
		
		header .inner {
			width: 100%;
			margin: 100px auto 0px auto;
			text-align: center;
		}
		
		.project header .inner {
			width: 100%;
			margin: 60px auto 0px auto;
			text-align: center;
		}
		
		header .inner .filter {
			width: 100%;
			float: none;
		}
		
		header .inner .filter ul {
			text-align: center;
		}
		
		header .inner .filter ul li.label {
			display: block;
			margin: 0px auto 15px auto;
		}
		
		header .inner .filter ul li {
			margin-right: 8px;
		}
		
			header .inner .filter ul li a {
				letter-spacing: .1em;
			}
	
	#sidebar {
		width: 100%;
		height: auto !important;
	}

		#sidebar .menuBtn {
			
			top: 30px;
			left: auto;
			right: 30px;
			
			transform: rotate(0deg) translate(0%, 0%);
			-webkit-transform: rotate(0deg) translate(0%, 0%);
			-ms-transform: rotate(0deg) translate(0%, 0%);
			
		}
		
	#overlay nav ul li {
		font-size: 8vw;
		margin: 25px auto;
	}
	
		.menu #overlay .slice {
			bottom: -40%;
		}
		
	#content {
		margin-top: 15px;
	}
	
	#content .inner {
		margin: 0px;
		width: 100%;
	}
	
	#content .inner.workpage .thumbs {
		width: 100%;
	}
	
	.grid-1 .row .cell {
		width: 100% !important;
		height: auto !important;
	}
	
	.grid-1 .row .cell .photo {
		height: auto !important;
	}
	
		.grid-1 .row .cell .caption {
			opacity: 1;
		}
		
		.grid-1 .row .cell .caption .infowrap {
			opacity: 1;
			transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
		}
		
		.grid-1 .row .cell .caption h1 {
			margin-bottom: 2px;
		}
		
		.grid-1 .row .cell .slice {
			display: none;
		}
		
	#content .inner.biopage {
		width: 90%;
		margin: auto;
	}
		
		.inner.biopage .leftcol, .inner.biopage .rightcol {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
		}
		
	#content .inner.newspage {
		width: 90%;
		margin: auto;
	}
	
		.inner.newspage .fullcol {
			width: 100%;
			margin-top: 0px;
		}
		
		.inner.newspage .fullcol ul li.textonly .info {
			width: 100%;
		}
		
		.inner.newspage h1 {
			font-size: 7vw;
		}
		
		.inner.newspage .fullcol ul li img {
			width: 100%;
		}
		
		.inner.newspage .fullcol ul li .info {
			width: 100%;
			margin: 10px auto 0px auto;
		}
		
	#content .inner.contactpage {
		width: 90%;
		margin: auto;
	}
	
		.inner.contactpage .leftcol, .inner.contactpage .rightcol {
			width: 100%;
			margin: 0px auto;
			max-width: 900px;
		}
		
	#content .inner.postpage {
		width: 90%;
		margin: auto;
	}
	
		#content .inner h1.title svg {
			display: none;
		}
		
		.inner.postpage .fullcol {
			width: 100%;
		}
		
		.inner.postpage .fullcol h1 {
			font-size: 7vw;
		}
		
	.inner.projectpage .info {
		width: 90%;
		margin: auto;
		padding: 30px 0px 30px 0px;
	}
	
		.inner.projectpage .info .leftCol {
			width: 100%;
			text-align: center;
			margin-right: 0px;
		}
		
		.inner.projectpage .info .rightCol {
			width: 100%;
			text-align: center;
			margin-right: 0px;
			margin-left: 0px;
		}
		
		.inner.projectpage .info .rightCol p {
			font-size: 14px;
		}
		
	.project #sidebar .menuBtn .line {
		background-color: #000;
	}
	
	.menu.project #sidebar .menuBtn .line {
		background-color: #fff;
	}
	
	#fullpage {
		width: 100%;
		position: relative;
		z-index: 800;
	}
	
	.fixed {
		width: 100%;
		height: 100%;
		top: 0 !important;
		left: 0 !important;
		-webkit-transform: rotate(0deg) translateZ(0);
		        transform: rotate(0deg) translateZ(0);
	}
	
		#content .fixed .inner {
			width: 100%;
			left: 0%;
			-webkit-transform: rotate(0deg);
			    -ms-transform: rotate(0deg);
			        transform: rotate(0deg);
		}
	
		.inner.home .logo {
			left: 20px;
			top: 30px;
			right: auto;
			width: 50%;
			z-index: 900;
			
			-webkit-transform: rotate(0deg) translateY(0%);
			
			    -ms-transform: rotate(0deg) translateY(0%);
			
			        transform: rotate(0deg) translateY(0%);
		}

		.beta .fixed .logo {
			top: 45%;
			right: 30px;
			left: auto;
			width: 50%;
			-webkit-transform: translateY(-50%) rotate(0deg);
			    -ms-transform: translateY(-50%) rotate(0deg);
			        transform: translateY(-50%) rotate(0deg);
		}

		.fixed img {
			top: 0;
			left: 0;
			-webkit-transform: rotate(0deg) translateZ(0);
			        transform: rotate(0deg) translateZ(0);
		}
		
		#fp-nav {
			display: none;
			left: 7.8%;
			bottom: 5%;
			z-index: 801;
		}
		
			#fp-nav ul li a {
				padding: 3px;
				width: 12px;
				height: 12px;
			}
			
			#fp-nav ul li a span {
				width: 12px;
				height: 12px;
			}
		
		.theinfo .info {
			left: 6%;
			bottom: 4%;
		}
		
		.active .theinfo {
			opacity: 1;
			-webkit-transition: opacity .3s .4s;
			-o-transition: opacity .3s .4s;
			transition: opacity .3s .4s;
		}

}