@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 23px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.carousel-caption h1 {
		font-size: 48px;
	}
	.carousel-caption h3 {
		font-size: 22px;
	}
}

@media screen and (max-width: 1024px)  {
	.content, #tribe-events-pg-template {
		padding: 30px 15px;
		width: auto;
	}

	footer .primary-message p {
		font-size: 16px;
	}
}


@media screen and (max-width: 1023px)  { /* Anything smaller than 1024px */
	

	.our-coffees .coffee-in-list {
		width: 30%;
	}

	.big-brew-board li { 
		display: block;
		width: auto;
		text-align: left;
		border-right: 0;
		border-bottom: 1px solid #b1a33e;
	}
	.big-brew-board .board-coffee { 
		display: block;
		width: auto;
		border: 0;
	}
	.big-brew-board li:first-child {
		width: auto;
	}
	.big-brew-board .board-coffee-header {
		display: none;
	}
					
	/*
	Label the data
	*/
	.big-brew-board li:before { width: 120px; display: inline-block; font-weight: bold; }
	.big-brew-board li:nth-of-type(2):before { content: "Profile"; }
	.big-brew-board li:nth-of-type(3):before { content: "Pourover"; }
	.big-brew-board li:nth-of-type(4):before { content: "Immersion"; }
	.big-brew-board li:nth-of-type(5):before { content: "Chemex"; }
	.big-brew-board li:nth-of-type(6):before { content: "Aeropress"; }
	.big-brew-board li:nth-of-type(7):before { content: "Press Pot"; }
	.big-brew-board li:nth-of-type(8):before { content: "Espresso"; }
	.big-brew-board li:nth-of-type(9):before { content: "Syphon"; }
	/*

	.page,
	#navigation,
	.zcob-footer {
		padding: 0px;
	}
	footer {
		padding: 20px 0;
	}
	footer .footer-links {
	    padding-left: 20px;
	    width: 50%;
	}
	footer .primary-message {
		float: none;
		width: auto;
		margin-left: 20px;
	}
	footer .business-info {
		float: none;
		width: auto;
	    display: block;
	    margin-left: 20px;
	    text-align: left;
	    border: 0;
	}
	
	.zcob-footer {
		display: none;
	}
	
	
	#tribe-events-content.tribe-events-list {
		padding: 30px;
	}
	*/
		
}

@media screen and (max-width: 896px) {
	.navbar-nav .open .dropdown-menu {
		display: flex;
		flex-flow: column;
		align-items: center;
		background-color: $white;
	}
}


@media screen and (max-width: 767px)  { /* Smartphone */

	.inner {
		overflow: hidden;
	}
	header img {
		width: auto;
	}

	h1, #tribe-events-content h2.page-title {
		font-size: 42px;
	}

	footer {
		padding: 0 15px;
	}

	footer .footer-links,
	.zcob-footer {
		display: none;
	}

	footer .sub-footer .xs-border-top {
		border-left: 0;
		border-top: 1px solid #000;
	}

	footer .sub-footer {
		border-bottom: 0;
	}
	
	.about-us .staff-in-list {
		width: auto;
		float: none;
	}

	.our-coffees .coffee-in-list {
		width: 90%;
	}
	
	.coffee-info .coffee-preferred-methods,
	.coffee-info .coffee-source,
	.coffee-info .coffee-source label {
	    float: none;
	    width: 100%;

	}	
	.coffee-info .coffee-source li {
		margin: 20px 0;
	}
	.coffee-info .coffee-source span {
		margin: 0;
	}
	.coffee-info .coffee-image {
		float: none;
		margin: 20px;
		width: 200px;
		height: auto;
	}
	
	
	
	ul.places-to-buy li.store {
	    width: 100%;
	}
	ul.places-to-buy li.store:last-child {
		margin-right: 0;
	}



	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
		max-width: 200px;
	}

	.wp-image-1712 {
		width: 100%;
	}
	
	


	/* Force table to not be like tables anymore */
	.coffee-bar table, 
	.coffee-bar thead, 
	.coffee-bar tbody, 
	.coffee-bar th, 
	.coffee-bar td, 
	.coffee-bar tr,
	.big-brew-board li { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.coffee-bar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
			
	.coffee-bar td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		/*padding-left: 50%; */
	}
	
	.coffee-bar td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
		/*
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		*/
	}

	/* Style the class from the post */
	#coffeebar-menu .md-half {
	  width: 100%;
	}

	.big-brew-board li { 
		width: auto;
		text-align: left;
		border-right: 0;
		border-bottom: 1px solid #b1a33e;
	}
	.big-brew-board .board-coffee { 
		display: block;
		width: auto;
		border: 0;
	}
	.big-brew-board li:first-child {
		width: auto;
	}
	.big-brew-board .board-coffee-header {
		display: none;
	}
					
	/*
	Label the data
	*/
	.big-brew-board li:before { width: 120px; display: inline-block; font-weight: bold; }
	.big-brew-board li:nth-of-type(2):before { content: "Profile"; }
	.big-brew-board li:nth-of-type(3):before { content: "Pourover"; }
	.big-brew-board li:nth-of-type(4):before { content: "Immersion"; }
	.big-brew-board li:nth-of-type(5):before { content: "Chemex"; }
	.big-brew-board li:nth-of-type(6):before { content: "Aeropress"; }
	.big-brew-board li:nth-of-type(7):before { content: "Press Pot"; }
	.big-brew-board li:nth-of-type(8):before { content: "Espresso"; }
	.big-brew-board li:nth-of-type(9):before { content: "Syphon"; }


}