.navbar { 
	padding: 1em 0 1em 0;
	margin-bottom:0;
	background: url("../images/lines.png");
	border: none;
	border-radius: none;
	}
	
.navbar .mainnav-top > li a {
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 0;
	margin-right: 20px;
	line-height: 32px;
	color: gray;
	letter-spacing: 3px;
	transition: all 0.7s ease;
	outline: none;
	-webkit-font-smoothing: antialiased !important;
	background: #fff;
	}
	
.navbar .mainnav-top > li a:hover {
	color: #46baa8;
	background: #fff;
	}
	

	
.intro {
	margin-top: 260px;
	}

.introheader {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 2px;
	}


.intro p {
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	font-size: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.8em;
	color: gray;
	letter-spacing: 1px;
	transition: all 0.7s ease;
	outline: none;
	-webkit-font-smoothing: antialiased !important;
	}

	
	
.portfolio {
margin: 100px 0 0px 0;	
	}
	

.thumb {
	display: inline;
	float: left;
	margin-bottom: 7%;
	}
	

	
	
	
	
	
	
.thumb {
  position: relative;
  width: 50%;
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  transition: .3s ease;
	  background-color: #46baa8;
	  }
	  

.thumb:hover .overlay {
	opacity: .95;
}



.text-content {
	  font-size: 1.4em;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  font-family: 'Share Tech Mono', monospace;
	  font-weight: 400;
	  letter-spacing: 4px;
	  color: #fff;
	  text-align: center;
}






 
.thumb { 
   display: table;
   position: relative; 
   width: 100%; /* for IE 6 */
   }


h1 { 
   position: absolute; 
   top: 43%; 
   left: 0; 
   width: 100%; 
   text-align: center;
   display: table;
   }
   


	
h1 .black {
	color: black;
	}

.thumb span:hover {	
	 -webkit-opacity: 1;
	  -moz-opacity: 1;
	  opacity: 1;
	  }



.portfolio img {
	display: block;
    margin-left: auto;
    margin-right: auto }
}



.title p {
margin-top: 400px;
text-align: center;
font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
}


h2 {
	margin-top: 240px;
	text-align: center;
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 1.8em;
}


.meat1 {
	margin: 100px 0 100px 0;
	}


.client_list {
	margin-left: -14px;
}

.intro_client {
	margin-top: 40px;
	margin-bottom: 60px;
}

.intro_client p {
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	font-size: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	color: gray;
	letter-spacing: 1px;
	transition: all 0.7s ease;
	outline: none;
	-webkit-font-smoothing: antialiased !important;
	margin-bottom: .8em;
	}




	
.site-footer {
	background-color: #46baa8;
	}
	
.address,
.info {
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: 700;
	color: #424e50;
	letter-spacing: 2px;
	margin-top: 40px;
	padding-bottom: 0px;
	letter-spacing: 1px;
	}
	
	
.address a:hover {
	color: #118a77;
	}
	
.socialmedia {
	padding-top: 30px;
	padding-bottom: 50px;
	margin-left: -4px;
	}
	
.socialmedia img {
	margin-right: 20px;
	}

.contact a {
	color: #424e50;
	text-decoration: underline;
}






a#contact_anchor {
	position: relative;
	top: -50px; 
	}
	


a#about_anchor {
	position: relative;
	top: -90px; 
	}
	

	/* BACK BUTTON */
	
	.back_button {
		text-align: center;
		}
		
	.website_link {
		text-align: center;
		margin-top: 40px;
		}
		

	
	.back_button a {
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	font-size: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.8em;
	color: gray;
	letter-spacing: 1px;
	transition: all 0.7s ease;
	outline: none;
	-webkit-font-smoothing: antialiased !important;
	}
	
	
.website_link a {
	font-family: 'Share Tech Mono', monospace;
	font-weight: 400;
	font-size: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.8em;
	color: gray;
	letter-spacing: 1px;
	transition: all 0.7s ease;
	outline: none;
	-webkit-font-smoothing: antialiased !important;
	}
	
	
	.title_small {
		font-size: .6em;
		letter-spacing: 1px;
	}
	

/* TAKO PORTFOLIO */



.tako-logo {
margin: auto;
margin-top: 100px;
width: 60%;
}


.tako-definition {
	font-family: georgia;
	font-size: 3em;
	color: #d1d3d4;
	line-height: .75em;
	text-align: center;
		-webkit-font-smoothing: antialiased !important;
	margin-left: 5%;
		margin-right: 5%;
		margin-top: 100px;
		margin-bottom: 100px;
		letter-spacing: -1px;
	}
	
	

	
.bigimage1 img {
	margin-top: 60px;
	margin-bottom: 30px;
	}
	
.bigimage2 img {
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
.newsstand img {
					margin-bottom: 30px;
					}
					

					
.takomenu {
	margin-bottom: 30px;
	}
	
	
.rockout {
	margin: 10% 0 10% 0;
	}
	
	
.takocards2 {
margin-bottom: 30px;
}

.postcards {
margin-bottom: 30px;
}



/* MEAT and POTATOES PORTFOLIO */

.meat_logo {
margin: auto;
margin-top: 100px;
width: 90%;
margin-bottom: 15%;
}

.portfolio_image {
	margin-bottom: 30px;
}


.portfolio_poster {
margin-bottom: 30px;
padding: 0 15px 0 15px;
}



/* PIZZA TAGLIO PORTFOLIO */

.taglio_logo {
margin: auto;
margin-top: 100px;
width: 90%;
margin-bottom: 15%;
}


/* PORK AND BEANS PORTFOLIO */

.pork_logo {
margin: auto;
margin-top: 100px;
width: 60%;
margin-bottom: 10%;
}

.pork_mission {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10%;
}

.pork_menu {
 width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* HARBISON WALKER */

.first {
	margin-top: 10%;
}


/* typekit fonts */


	

		/* Small devices (tablets, 600px and up) */
		@media only screen and (min-width:600px) {	
		
		.thumb {
			width: 48%;
			margin-right: 1%;
			margin-left: 1%;
			margin-bottom: 2%;
		}
		
		
				/* TAKO PORTFOLIO */
		
									.tako-definition p {
								font-size: 3em;
								line-height: .75em;
									margin-top: 200px;
									margin-bottom: 200px;
									letter-spacing: -5px;
								}
								
								/* PORK AND BEANS */
								
								.pork_logo {
										margin: auto;
										margin-top: 100px;
										width: 40%;
										margin-bottom: 15%;
										}
								
								
								
		
		
			
		}
		
		
		
		
		
		/* Small devices (tablets, 700px and up) */
		@media only screen and (min-width:700px) {
		
					/* TAKO PORTFOLIO */

								.tako-logo {
									margin: auto;
									margin-top: 100px;
									width: 40%;
									}
									
									.intro_client {
									margin-top: 70px;
								}
									
								

			}
			
			
		/* Small devices (tablets, 768px and up) */
		@media only screen and (min-width:768px) {
		
							.takomenu {
								margin-top: 80px;
								}
								
								.bigimage1 img {
								margin-bottom: 15%;
								}
								
								.bigimage2 img {
								margin-top: 7%;
								}
								
								.takocards2 {
									margin-bottom: 5%;
								}
								
								.site-footer {
									margin-top: 200px;
								}
								
								/* MEAT and POTATOES */
								
								.meatcard2 {
								margin: auto;
									margin-top: 100px;
									width: 40%;
									
									.portfolio_poster {
										width: 50%;
										margin: auto;
										margin-top: 100px;
									}
									
									/* PORK AND BEANS */
									

		
			}
		
		

		
		
		/* Medium devices (desktops, 870px and up) */
		@media only screen and (min-width:870px) {	
		
			.tako-logo {
									width: 380px;
									}
									
							.meat_logo {
							width: 50%;
							}
							
							
							/* MEAT and POTATOES */
							
							.portfolio_image {
									margin-bottom: 120px;
									}
									
								.portfolio_poster {
										width: 50%;
										margin: auto;
										margin-top: 100px;
									}
									
									
									
								.taglio_logo {
									margin: auto;
									margin-top: 100px;
									width: 30%;
									margin-bottom: 5%;
									}
									
								/* PORK AND BEANS */
								
									.pork_logo {
										margin: auto;
										margin-top: 100px;
										width: 20%;
										margin-bottom: 10%;
										}
										
									.pork_mission {
									margin-bottom: 120px;
									}
									
									.pork_menu {
									margin-bottom: 120px;
									}
							
		

		}
			


		/* Medium devices (desktops, 992px and up) */
		@media only screen and (min-width:992px) {	
		
			.newsstand img {
					margin-top: 60px;
					}
					
				.takomenu {
									margin-top: 190px;
									}
									
					.rockout img {
						width: 600px;
						display: block;
						margin: auto;
						}
						
					/* MEAT AND POTATOES */
					
					.merch {
						margin-top: 100px;
					}
					
					/* PORK AND BEANS */
					
					.pork_mission {
						width: 70%;
					}
			
		}
		
		
		
		
		/* large devices (desktops, 1100px and up) */
		@media only screen and (min-width:1190px) {
		
			.thumb {
				width: 32%;
			}
			
			.thumb {
				display: inline;
				float: left;
				margin-bottom: 1.2%;
				margin-right: .6%;
				margin-left: .6%;
				padding-left: 0px;
				}
				
				.portfolio_poster {
					width: 35%;
					margin: auto;
					margin-top: 100px;
				}
				
				.intro_client {
									margin-top: 110px;
								}
		
		
			}
		



		/* large devices (desktops, 1200px and up) */
		@media only screen and (min-width:1200px) {
		
								/* TAKO PORTFOLIO */

								.tako-logo {
									margin: auto;
									margin-top: 170px;
									width: 380px;
									}
									
									.tako-definition p {
								font-size: 4em;
								line-height: .85em;
									margin-top: 200px;
									margin-bottom: 200px;
									letter-spacing: -9px;
								}
								
								.meat_logo {
							width: 40%;
							}


			}


		/* large devices (desktops, 1600px and up) */
		@media only screen and (min-width:1600px) {
		
		
			/* PORK AND BEANS */
					
					.pork_mission {
						width: 50%;
					}
		



			}



		/* extra large devices (desktops, 1800px and up) */
		@media only screen and (min-width:1800px) {
		
			.box {
				width: 1790px;
				}
				
				
					/* TAKO PORTFOLIO */
				.tako-definition p {
				margin-left: 200px;
				margin-right: 200px;
				}
				
				/* PIZZA TAGLIO PORTFOLIO */
				.portfolio_image .gif img {
					width: 200px;
					margin: auto;
					display: block;
				}
				
				
				
				
				


				
			}



			
			
			
			
		/* Nav Break Point */		
		@media (max-width: 1200px) {
		    .navbar-header {
		        float: none;
		    }
		    .navbar-left,.navbar-right {
		        float: none !important;
		    }
		    .navbar-toggle {
		        display: block;
		    }
		    .navbar-collapse {
		        border-top: 1px solid transparent;
		        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		    }
		    .navbar-fixed-top {
				top: 0;
				border-width: 0 0 1px;
			}
		    .navbar-collapse.collapse {
		        display: none!important;
		    }
		    .navbar-nav {
		        float: none!important;
				margin-top: 7.5px;
			}
			.navbar-nav>li {
		        float: none;
		    }
		    .navbar-nav>li>a {
		        padding-top: 10px;
		        padding-bottom: 10px;
		    }
		    .collapse.in{
		  		display:block !important;
			}
		}