@media only screen and (max-width: 1119px){
	.menu__item-about-bg{
		background-size: auto 90%;
	}
}

@media only screen and (max-width: 1023px){
	.menu__item-about-bg{
		background-size: auto 80%;
	}
	.menu__item-about, .social{
	    width: 75%;
	}
}

@media only screen and (max-width: 991px){
	.scene{
		display: none;
	}
	.blob{
		display: block;
		width: 65%;
	}
	.background,
	.background__copy{
		background-size: 100% 100%;
	}
	.background__copy{
		display: none;
	}
	.specialty{
		font-size: 2rem;
		margin: 30px 0;
	}
	.menu__item-about, .social{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 60%;
	}
	.type-text{
		text-align: center;
	}
	.social{
		max-width: 15rem;
	}
	.submit-button {
		margin-bottom: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		width: 10rem;
		float: none;
	}
	#social-email{
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: -ms-fit-content;
		width: -o-fit-content;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	#webvr-box{
		display: block;
		margin: auto;
	}
	#social-specialty, #social-professional, #social-fun{
		display: block;
	}
	.sidemenu__item {
		margin: 0 1rem;
	}
	.input__field, textarea, .input__label-content{
		text-align: center;
	}
	.project-container{
		flex-direction: column;
	}
	.project-container > div{
		display: block;
		text-align: center;
		min-height: 50vh;
		padding: 2rem;
	}
	.project-detail-box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		padding: 2rem;
	}
	.project-container img{
		top: -1rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.project-container h2{
		margin-bottom: 1rem;
	}
	.project-button{
		bottom: -3rem;
		left: calc(50% - 46.57px);
		transform: none !important;
	}
	.project-main{
		margin-top: -3rem;
	}
	.project-intro {
		width: calc(100% - 6rem);
		top: -3rem;
		padding: 3rem;
		text-align: center;
	}
	.mark{
		width: 3rem;
	}
	.mark h4{
		font-size: 7rem;
	}
	.mark h5{
		left: 10px;
	}
	.project-main-image-two, .project-main-image-four{
		padding: 0 3rem;
	}
	.project-main-image-two, .project-main-image-three{
		display: block;
	}
	.project-main-image-two img:first-child{
		margin-right: auto;
	}
	.project-main-image-two-space{
		width: 75% !important;
		margin: auto;
		display: block;
	}
	.project-main-copy{
		width: 100%;
		text-align: center;
	}
	.project-main-copy p, .signage-intro{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		padding: 3rem;
	}
	.project-main-image-three img{
		width: 100%;
	}
	.previous-project, .next-project{
		margin: 3rem;
	}
	.project-type-indicator-left{
		left: 0;
	}
	.project-type-indicator-right{
		right: 0;
	}
	#less-whitespace-marginbottom{
		margin-bottom: 3rem;
	}
	#double-image-marginbottom{
		margin-bottom: 1.25rem;
	}
	.col-left, .col-photo{
		min-height: 40vh !important;
	}
	.col-right{
		min-height: 60vh !important;
	}
	.project-intro .project-button, .mark-wrapper .project-button{
		margin: 1.75rem auto 0 auto !important;
	}
	.project-inner-image{
		border-radius: 50%;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin: 3rem;
	}
	.video-content{
		width: 100%;
	}
	#delete-margin{
		margin-bottom: 0 !important; 
	}
	footer h1{
		font-size: 2.5rem;
	}
}

@media only screen and (max-width: 767px){
	h1, .project-container h1{
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	h2, .project-container h2{
		font-size: 1rem;
		line-height: 1.25rem;
	}
	h3, .project-container h3, .project-intro h3{
		font-size: 0.9rem;
		line-height: 1.15rem;
	}
	.specialty{
		font-size: 1.75rem;
	}
	.desktop-hidden-text{
		font-size: 15px;
		top: -3.5rem;
	}
	.mobile-hidden-text{
		font-size: 15px !important;
	}
	.blob{
		width: 80%;
		top: 46%;
	}
	.menu__item-about, .social, .contact-form{
		width: 80%;
	}
/*	#sidenav-container{
		display: none;
	}*/
	#sidenav li{
		margin: 3rem 0;
	}
	#li-hide{
		display: none;
	}
	.project-main{
		margin-top: -2.5rem;
	}
	.project-main-copy p{
		padding: 2.5rem;
	}
	.project-intro {
		width: calc(100% - 5rem);
		top: -2.5rem;
		padding: 2.5rem;
	}
	.mark{
		width: 2.5rem;
	}
	.mark h4{
		font-size: 6rem;
	}
	.mark h5{
		left: 8px;
	}
	.project-main-image-two, .project-main-image-four{
		padding: 0 2.5rem;
	}
	.project-main-image-two-space{
		width: 80% !important;
	}
	.previous-project, .next-project{
		margin: 2.5rem;
	}
	.label-embed{
		top: 2.4375rem;
		width: 4.5rem;
	}
	#portfolio-text-slider.hero-slider.flexslider.textflexslider, #portfolio-text-slider.hero-slider.flexslider.textflexslider ul.slides li{
		height:350px;
	}
	#portfolio-text-slider.textflexslider .hero-caption-text-slider{
		top:100px;
	}
	.project-inner-image{
		width: 60px !important;
		height: 60px;
	}
}

@media only screen and (max-width: 640px){
	.zoomimage{
		width: 50px;
		height: 50px;
		top: 2rem;
		right: 2rem;
	}
	.zoomimage i{
		line-height: 50px;
	}
}

@media only screen and (max-width: 480px){
	.blob{
		width: 95%;
		left: 55%;
		top: 48.5%;
	}
	#hover-design, #hover-development{
		margin-bottom: 1.25rem;
		margin-left: auto;
		margin-right: auto;
	}
	.label{
		display: none;
	}
	.menu__item-about, .social, .contact-form{
		width: 100%;
	}
	#specialty-1{
		text-align: center;
	}
	.desktop-hidden-text{
		display: none;
	}
	.mobile-hidden-text{
		display: block;
	}
	#specialty-1::before{
		display: none;
	}
	.col-left, .col-photo{
		min-height: 35vh !important;
	}
	.col-right{
		min-height: 65vh !important;
	}
	.project-main{
		margin-top: -1.5rem;
	}
	.project-main-copy p{
		padding: 3rem 1.5rem;
	}
	.project-intro {
		width: calc(100% - 3rem);
		top: -1.5rem;
		padding: 1.5rem;
	}
	.mark{
		width: 1.5rem;
	}
	.mark h4{
		font-size: 3.5rem;
	}
	.mark h5{
		left: 4px;
	}
	.project-main-image-two, .project-main-image-four{
		padding: 0 1.5rem;
	}
	.project-main-image-two-space{
		width: 100% !important;
	}
	.project-intro h1, .project-intro h2, .project-intro-sep{
		margin-bottom: 0.5rem;
	}
	.previous-project, .next-project{
		margin: 1.5rem;
	}
	.project-button{
		bottom: auto;
		position: relative;
		display: block;
		left: auto;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: -ms-fit-content;
		width: -o-fit-content;
		width: fit-content;
		margin: 1.75rem auto 0 auto;
	}
	footer h1{
		font-size: 1.75rem;
	}
	.zoomimage{
		width: 36px;
		height: 36px;
		top: 1.5rem;
		right: 1.5rem;
	}
	.zoomimage i{
		line-height: 36px;
	}
}

@media only screen and (min-width: 1350px){
.project-intro-label{
	display: block;
}
}

@media only screen and (min-width: 992px){
	.menu{
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		display: grid;
		grid-template-columns: 20% 30% 50%;
		grid-template-rows: 60% 40%;
		grid-template-areas: 
	        "item3 item2 item1"
	        "item4 item5 item1";
	}
	.menu__item{
		height: 100%;
	}
	.menu__item--1{
		grid-area: item1;
	}
	.menu__item--2{
		grid-area: item2;
	}
	.menu__item--3{
		grid-area: item3;
	}
	.menu__item--4{
		grid-area: item4;
	}
	.menu__item--5{
		grid-area: item5;
	}
	.menu__item--4, 
	.menu__item--5{
		display: block;
	}
	.menu__item-inner{
		align-items: center;
		padding: 0;
	}
	.sidemenu{
		flex-direction: column !important;
	}
	.sidemenu__item{
		margin: 1.5rem 0 !important;
	}
	.menu__item-about-bg{
		display: block;
	}
	.sidemenu-label{
		visibility: visible;
	}
}

@media only screen and (min-width: 480px){
	.sidemenu{
		flex-direction: row;
	}
}