/*Media Queries
	Seems as if someone was creating a breakpoint for every pixel known to man! -GM
*/
@media screen and (max-height: 800px) and (min-width:900px) {
	.team-single-left {
		margin-top:100px;
		display:inline-block !important;
		-webkit-align-items:none;
		align-items:none;
		-webkit-justify-content:none;
		justify-content:none;
	}
}

@media screen and (max-width:900px) {
	.team-lg {
		display: none !important;
	}
	.team-sm {
		display: block;
	}
	.single-team-container {
		position: relative;
	}
	.col-one-half {
		width: 100% !important;
	}
	.col-one-half .side-content {
		padding:0 5%;
		margin-top:21px;
	}
}

@media screen and (max-width: 1160px) {
	.team-single-left .side-content {
		padding: 0 7%;
	}
	.team-single-left .side-content p {
		font-size:14px;
	}
}



@media (max-width: 908px) {
	#home .banner h1 {
		font-size:10.5vw;
		line-height: 1.1em;
	}
}

/*Media Queries*/
@media (max-height: 390px) {
	#home .banner h1 {
		font-size:8.5vw;
		line-height: 1em;
		margin-top:3%;
	}
}


/*Responsive*/

@media screen and (max-width: 1704px) {
	.col-two {
		width: 38%;
	}
}
@media screen and (max-width: 1400px) and (min-width:1081px) {
	.grid .grid-hover a {
		padding:30px;
	}
	.grid .grid-hover a h5 {
		margin: 20px 0 10px 0;
	}
}
@media screen and (max-width: 1160px) {
.side-content {
	padding: 0 15px;
}
	.side-content p {
		font-size:14px;
	}
}
@media screen and (max-width: 1080px) {

#home-columns .col-one-third {
    padding: 80px 15px 60px 15px;
    box-sizing: border-box;
}
.interior-nav {
	padding-left:30px;
	padding-right:30px;
}
.interior-nav ul a {
    font-size: 14px;
    line-height: 20px;
}
.team-grid .grid-hover a {
    padding: 70% 15px 15px 15px;
}
#our-work .grid .grid-hover a {
	    padding: 15px 15px 15px 15px;
	}
	.grid .grid-hover h2 {
	    font-size:24px;
	}
}

@media screen and (max-width: 750px) {
	
	
.interior-nav {
    width: 100%;
	left:-100%;
	padding-top:140px;
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
    background-image: url('../images/m-burger-white.png');
	background-size: 45px auto;
	background-repeat: no-repeat;
	background-position: 14px center;
	display: inline-block;
	width: 70px;
	height: 70px;
	background-color: #ec1b23;
	transition: .3s ease-out;
}
.navicon:hover .fa-bars::before {
	background-size: 45px auto;
	background-position: 14px center;
}
.fa-times::before {
    background-image: url('../images/m-burger.png');
	background-size: 45px auto;
	background-repeat: no-repeat;
	background-position: 14px center;
	display: inline-block;
	width: 70px;
	height: 70px;
	content: "";
	background-color: #fff;
}
.interior-nav .navexit img {
	width: 30px;
height: 30px;
}

 #home-columns .col-one-third {
 	width:100%;
 	padding:0;
 }
 #home .container {
 	padding:30px 3%;
 }
 #contact .main-content {
    min-height: 0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 20px;

}
 .contact-map {
	 display:none;
 }
 .contact-form {
    float: none;
	width:100%;
    margin-top: 80px;	
}
.contact-info {
    float: left;
    margin-top: 30px;
}
#mobile-map {
	display:block;
	float:right;
	margin-top:30px;
	
}
#mobile-map img {
	width:120px;
	border: 3px solid #4e4e4e;
}


}
@media screen and (max-width: 630px) and (min-width:581px) {
	.grid .grid-hover a {
		padding:30px;
	}
	.grid .grid-hover a h5 {
		margin: 20px 0 20px 0;
	}
}
 @media screen and (max-width: 580px) {
	.grid-sizer,  .box2 {
		width: 100%;
	}
	#nav-footer {
		display:none;
	}
}
 @media screen and (max-width: 370px) {
	.grid .grid-hover a {
		padding:30px;
	}
	.grid .grid-hover a h5 {
		margin: 20px 0 20px 0;
	}
}




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.fixed-side {
			position: relative;
		}
		.col-one-third {
	        width: 100%;
        }
        
        .col-two-third {
	        width: 100%;
	        float: left;
	        clear: both;
        }
		
		
		/** Don't ask!! **/
		
		#homepage .interior-nav,
		.interior-nav {
	        padding-top: 100px;
        }
        
        .team-box {
	        width: 100%;
        }
        
        
        /** OUR WORK **/
        .grid-sizer {
			width: 50%;
		}
		.box {
			position:relative;
			width:100%;
			background-size: cover;
			float:left;
			border:none;
		}
		.box:before {
			content: "";
			display: block;
			padding-top: 112%;
		}
		.work .side-content {
			padding-top:80px;
		}
		.work .absolute-centered {
			position: relative;
			top:0;
			-moz-transform: none;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
		.work .fixed-side {
			min-height:0px !important;
		}
				
		/** CAREERS **/
		
		#careers .main-content {
		    padding: 0 20px;
		}
		.interior-nav ul a {
			font-size: 18px;
			line-height: 24px;
		}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
        /**
	        .fa-navicon::before,
        .fa-reorder::before, 
        .fa-bars::before {
	        width: 400px;
			height: 90px;
        }
        
        .navicon:hover .fa-bars::before {
	         width: 400px ;
        }
        **/
        
    }