/************************************************************************************
smaller than 1500
*************************************************************************************/

@media screen and (max-width: 1500px) {}

/**** END 1500 ****/

/************************************************************************************
smaller than 1280
*************************************************************************************/

@media screen and (max-width: 1280px) {


}

/**** END 1280 ****/

/************************************************************************************
smaller than 1180
*************************************************************************************/

@media screen and (max-width: 1180px) {
	



}

/**** END 1180 ****/

/************************************************************************************
smaller than 1024
*************************************************************************************/

@media screen and (max-width: 1024px) {

	#bob {
	display: block;
}

	

.bob-column2 {
	width: 100%;
	height: 400px;
	display: block;
}

.bob-bg {
	background: #000 url(../images/bob-mobile.jpg) no-repeat center top;
background-size: auto;
}



.bob-column {
	width: 100%;
	margin: 0;
	padding: 80px 25px;
}

	
	
} /**** END 1024 ****/

/************************************************************************************
smaller than 900
*************************************************************************************/

@media screen and (max-width: 900px) {



}

/**** END 900 ****/

/************************************************************************************
smaller than 768
*************************************************************************************/

@media screen and (max-width: 768px) {

/*** Menu ***/
#menu {
height: 85px;
}



a.menu-burger {
display: inline-block;
}


#menu-nav ul {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #000;
padding: 0;
display: none;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.45);
box-shadow: 0 5px 10px rgba(0,0,0,0.45);
}

#menu-nav ul li {
width: 100%;
display: block;
text-align: left;
border-top: 1px solid rgba(255,255,255,0.10);
}

#menu-nav ul li a,#menu-nav ul li span {
padding: 0.75em;
}

#menu-nav ul li a:hover {
background: rgba(255,255,255,0.1);
}
	
	
	#home-header {
background: #000 url(../images/home-header-mobile.jpg) no-repeat center top fixed;
background-size: auto;
		height: 675px;
}

.home-header-column {
	padding: 25px;
}
	
	.extra-big {
	font-size: 80px !important;
}

	
	.about-container,.our-work-container {
	width: 100%;
	margin: 80px 25px;
}

	
	.column-fifth {
		width: 32%;
	}

	
	.column-half {
		width: 100%;
		margin: 5px auto;
	}


}/**** END 768 ****/

/************************************************************************************
smaller than 640
*************************************************************************************/

@media screen and (max-width: 640px) {

#the-quote li {
	font-size: 0.90em;
}

#the-quote li p {
	padding: 0 25px;
}

}

/**** END 640 ****/



/************************************************************************************
smaller than 550
*************************************************************************************/

@media screen and (max-width: 550px) {

}

/**** END 550 ****/



/************************************************************************************
smaller than 480
*************************************************************************************/

@media screen and (max-width: 480px) {

	.menu-logo {
		width: 200px;
	}
	
	
	.column-fifth {
		width: 49%;
	}
	
	
.button-main,
.button-outline,
.button-outline-dark {
display: block;
margin: 5px auto;
width: 100%;
	text-align: center;
}

} /**** END 480 ****/

/************************************************************************************
smaller than 320
*************************************************************************************/

@media screen and (max-width: 320px) {}

/**** END 320 ****/