/*Media Queries*/

@media screen and (max-width: 1080px) {
	
	.box_4 {
		width: 200px;
		height: 200px;
	}
	
	ul li {
	    display: inline-block;
	    margin: 0;
	    text-decoration: none;
	    color: #fff;
	    padding: 10px 1.9%;
	    transition: background .2s ease-in-out;
	    font-size: 16px;
	}
	.lightbox .lb-tall img {
	    height: auto;
	    width: auto;
	}
	.box{
		height: 250px;
	}
	/*.lightbox a {
		height: 400px;
	}
	.lightbox a img {
		max-height: 400px;
	}
	.lightbox a.tall {
		height: 450px;
	}
	.lightbox a.tall img {
		max-height: 450px;
	}*/
}
@media screen and (min-width: 1024px){
	.fw-slide img {
		max-height: 450px !important;
	}
}
@media screen and (max-width: 920px) {
	
	.tall {
	    width: 100%;
	    height: auto;
	}
	
	.square {
	    height: 100% !important;
	    width: auto !important;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.fw-slide img {
		max-height: 375px !important;
	}
}
@media screen and (min-width: 768px) {
	.header.sticky{
	    width: 100%;
	    margin: 0px 0px 40px;
	    position: fixed;
	    z-index: 999;
	    top: -64px;
		animation: slideDown .3s ease-out alternate both;
		height: 64px;
	}
	.sticky .logo {
	  width: 120px;
	  margin: auto;
	  padding: 22px 0 9px;
	  height: 50px;
	}
	.sticky-margin {
		margin-top: 126px;
	}
	.sticky .nav ul li {
	  height: 64px;
	  padding: 21px 30px;
	}
}
@media screen and (max-width: 767px) {
	
	.mobile-nav {
		display: block;
	}
	
	.nav {
		display: none;
	}
	
	.header {
		/*box-shadow: 0px 2px 4px rgba(0,0,0,0.1);*/
		border-bottom: 1px solid rgba(0,0,0,0.05);
		height: 80px;
	}
	.header-contents {
		width: calc(100% - 30px);
	}
	.logo {
	    width: 110px;
	    height: 80px;
		float: none;
		margin: 0;
	}
	
	.left {
	    width: 100%;
	    display: block;
	    padding-top: 5px;
	}
	
	.right {
	    width: 86%;
	    display: block;
	    padding: 0;
	    position: relative;
	    margin: 15px auto 0;
	    float: none;
	}
	.fw-slide img {
		max-height: 300px !important;
	}
	.tall {
	    width: 70%;
	    height: auto;
	}
	
	.box_4 {
		width: 140px;
		height: 140px;
	}
	.piece {
    	font-size: 1.2em;
	}
	.contactpage {
		width: 100%;
	}
	
	.emailtext {
	    display: inline-block;
	    width: 100% !important;
	    margin-top: 0px;
	    margin-right: 0px;
	    margin-bottom: 30px;
		font-size: 4px;
	}
	
	.resume {
		width: 100% !important;
		text-align: left;
	}
	
	.resume img {
		width: 100% !important;
	}
	.footer {
		padding: 0 20px;
	}
	/*.lightbox a {
		height: 220px;
	}
	.lightbox a img {
		max-height: 220px;
	}
	.lightbox .lb-short {
	    height: 150px;
	}
	.lightbox .lb-short img {
	    max-height: 150px;
	}
	.lightbox a.tall {
		height: 300px;
	}
	.lightbox a.tall img {
		max-height: 300px;
	}*/
	.box{
		height: 200px;
	}
	.title {
		width: 90%;
	}
	/* Inner Page Stuff */
	.inner-page iframe {
		height: 300px;
	}
}
@media screen and (min-width: 601px){
	.sandy {
		margin-top: -4em;
	}
}
@media screen and (max-width: 600px){
	.emailtext p,
	.emailtext h1,
	.emailtext h2,
	.emailtext .lightbox-2{
		width: 100% !important;
		text-align: center;
	}
	
	.slidercontainer {
	    height: 250px;
	    background-color: white;
	    min-width: 280px;
	    width: 100%;
	}
	.slider:before {
	    display: none;
	}
	.slide-tall {
		background-size: contain !important;
	}
	.sandy {
		width: 250px !important;
		float: none;
	}
	.project-info {
		margin-bottom: 30px !important;
	}
	.client {
		margin-right: 0px;
	}
	.client, .used {
		display: block !important;
	}
	.client strong, .used strong {
	    display: block !important;
	    color: #fff;
	    background: #2e3777;
	    padding: 7px 12px;
	    letter-spacing: 0.2px;
	    min-width: 65px;
	    max-width: 120px;
	    text-align: center;
	    margin: 0px auto 6px !important;
	}
	.left h1 {
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 520px){
	/*.lightbox a {
		height: 150px;
	}
	.lightbox a img {
		max-height: 150px;
	}*/
	.zoom {
		display: none;
	}
	/*.lightbox a.tall {
		height: 220px;
	}
	.lightbox a.tall img {
		max-height: 220px;
	}*/
	/* Inner Page Stuff */
	.inner-page iframe {
		height: 200px;
	}
	
}

@media screen and (max-width: 400px) {
	
	.slidercontainer {
	    height: 200px;
	    background-color: white;
	    min-width: 280px;
	    width: 100%;
	}
	.box {
	    height: 150px;
	}
	.box_4 {
		margin: 0px;
	}
	.sandy {
		width: 175px !important;
	}

}