	<style type="text/css" media="screen"> 

	/* GLOBAL STYLES
	-------------------------------------------------- */
	/* Padding below the footer and lighter body text */

	body {
	  padding-bottom: 40px;
	  color: #000;
	}


	/* Carousel base class */	/* Sized for standard desktop = 1680px*/
	.carousel {
	  margin-bottom: 0px;
 	  margin-left: 560px;
	}


	.carousel .container {
	  position: relative;
	  z-index: 9;
	}

	.carousel-control {
	  height: 80px;
	  margin-top: 0;
	  font-size: 120px;
	  text-shadow: 0 1px 1px rgba(0,0,0,.4);
	  background-color: transparent;
	  border: 0;
	}

	/* Sized for desktop = 1680px*/
	.carousel .item { 
	  height: 747px;
	  width: 1120px;
	  background-color: #000;
	}
	
	/* Sized for desktop = 1680px*/
	.carousel img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 1120px;
	  height: 747px;
	}

	
	/* Left Column*/	

		#side-content {
			padding-top: 180px;
		}
		
		.follow-us {
			padding-top: 25px;
		}

		#top-social-icons {
			margin-top: -13px;
			padding-left: 35px;
			padding-top: 25px;
		}

		.static-left-column {
			width: 560px;
			height: 747px;
			float: left;
			margin-top: 0px;
			background-color: #000;
			padding-left: 15px;
					}

		.static-left-content {
			color: #fff;
			font-size: 18px;
			line-height: 35px;
			padding-top: 16px;
			padding-left: 35px;
					}	
					
		#slider-arrow {
			display: none;
		}			

		.icon-play, .icon-white {
			margin-top: 5px;
		}	

		#watch {
			color: #999;
		}

		#sit {
			color: #999;
		}
	/* Left Column*/

	/* MARKETING CONTENT
	-------------------------------------------------- */

	/* Center align the text within the three columns below the carousel */
	.marketing .span4 {
	  text-align: center;
	}
	.marketing h2 {
	  font-weight: normal;
	}
	.marketing .span4 p {
	  margin-left: 10px;
	  margin-right: 10px;
	}


	/* Featurettes
	------------------------- */

	.featurette-divider {
	  margin: 80px 0; /* Space out the Bootstrap <hr> more */
	}
	.featurette {
	  padding-top: 15px; /* Vertically center images part 1: add padding above and below text. */
	  overflow: hidden; /* Vertically center images part 2: clear their floats. */
	}
	.featurette-image {
	  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
	}

	/* Give some space on the sides of the floated elements so text doesn't run right into it. */
	.featurette-image.pull-left {
	  margin-right: 40px;
	}
	.featurette-image.pull-right {
	  margin-left: 40px;
	}

	/* Thin out the marketing headings */
	.featurette-heading {
	  font-size: 50px;
	  font-weight: 300;
	  line-height: 1;
	  letter-spacing: -1px;
	}



	/* RESPONSIVE CSS
	-------------------------------------------------- */
	@media (min-width: 1600px) {
		
		.static-left-column {
		display: none;
		visibility: none;
				}
				
		.social-sidebar {
		background-color: #000;
		position: absolute;
		top: 0px;
		left: 1440px;
		min-width: 160px;
		height: 880px;
		margin-top: 0px;
		margin-bottom: -40px;
		width: 15%;
				}
				
		.static-left-column {
		display: none;
		visibility: none;
				}

		p.sidebar-lead {
		margin-top: 40px;
		font-size: 32px;
		padding-left: 42px;
				}

		p.sidebar-lead-2 {
		margin-top: -400px;
		font-size: 32px;
		padding-left: 42px;
				}

		p.sidebar-lead-3 {
		font-size: 18px;
		padding-left: 42px;
				}

		p.static-left-content {
		margin-left: 12px;
		margin-right: 55px;
				}

		.social-links-sidebar {
		margin-left: 55px;
				}
				
		.carousel {
		margin-right: 9.1%;
				}
		
		#custom-logo {
		display: none;
				}		
		
		.carousel .item {
		background-color: #000;
				}
				
		.mobile-language {
		position: relative;
		top: -50px;
				}																									
	}
	
	@media (max-width: 1600px) {
		
		#descriptive-intro {
		visibility:hidden;
				}
		
		p.sidebar-lead-4 {
		visibility: hidden;
				}
		
		#custom-logo {
		display: none;
				}							
	}
	
	@media (min-width: 1680px) {
		
		.carousel {
		margin-right: 13.5%;
				}
		
		.brand {
		max-width: 500px;
				}
		
		#custom-logo {
		display: none;
				}					
	}
	
	@media (max-width: 1680px) {
		
		#descriptive-intro {
		visibility:hidden;
				}
			
		p.sidebar-lead-4 {
		visibility: hidden;
				}
		
		#custom-logo {
		display: none;
				}	
	}
	
	@media (min-width: 1200px) {
		
		.static-left-column {
		width: 38%;
		height: 679px;
		float: left;
		margin-top: 0px;
		background-color: #000;
		padding-left: 15px;
				}
					
		.static-left-content {
		padding-top: 0px;
				}
						
		.carousel {
		 float: right;
		 top: -659px;
		 margin-left: 37%;
				}
					
		.carousel .item { 
	  	width: 900px;
		height: 679px;
				}

		.carousel img {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	width: 900px;
	  	height: 679px;
				}
				
		.brand {
		margin-top: 15px;
		margin-left: -15px;
		max-width: 360px;
		margin-right: 15px;
				}
		
		#slider-arrow {
		display: none;
				}
		
		#custom-logo {
		display: none;
				}
				
		#page-down-arrow {
		position: absolute;
		margin-left: 10%;
		margin-top: 6px;
		z-index: 4000;			
				}
				
		.mobile-language {
		position: relative;
		margin-top: 20px;
				}										
	}
	
	@media (max-width: 1280px) {
		
		.social-sidebar {
		visibility: hidden;
				}
	
		#custom-logo {
		display: none;
				}	
	} 
	
	@media (min-width: 1366px) {
		
		.brand {
		margin-top: 16px;
		margin-left: -15px;
		max-width: 450px;
		margin-right: 15px;
				}
		
		#custom-navbar {
		min-height: 30px;	
				}
		
		.static-left-content {
		padding-top: 30px;
				}
								
		.follow-us {
		padding-top: 19px;
				}
		
		#custom-logo {
		display: none;
				}		
	}
	
	@media (min-width: 1440px) {
		
		.carousel {
		float: center;
		top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
				}
					
		.carousel .item { 
 		width: 1440px;
	  	height: 900px;
				}

		.carousel img {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	width: 1440px;
	 	height: 960px;
				}
					
		.brand {
		margin-top: 16px;
		margin-left: 10px;
		max-width: 450px;
		margin-right: 15px;
				}
			
		.static-left-column {
		display: none;
		visibility: none;
				}
					
		#custom-logo {
		display: none;
				}
				
		#page-down-arrow {	
		position: relative;	
		top: 80%;	
		margin-left: 50%;
				}									
	}			

	@media (max-width: 1440px)	{
		
		.carousel {
		margin-bottom: -625px;
				}
		
		.social-sidebar {
		visibility: hidden;
		margin-bottom: 0px;
				}
		
		#custom-logo {
		display: none;
				}	
				
		.mobile-language {
		position: relative;
		margin-top: -310px;
		}							
	}
	
	@media (min-width: 1920px) {
		
		.brand {
		max-width: 700px;
				}
		
		.carousel img {
		width: 1680px;
		height: 1140px;
				}
		
		.carousel .item { 
	  	width: 1680px;
		height: 1140px;
				}
		
		.social-sidebar {
		min-width: 25%;
		height: 1120px;
				}

		p.sidebar-lead {
		margin-top: -50px;
		font-size: 36px;
		padding-left: 125px;
		padding-top: 90px;
				}
		
		p.sidebar-lead-2 {
		margin-top: -50px;
		margin-top: -20px;
		font-size: 36px;
		padding-left: 125px;
				}
		
		p.sidebar-lead-3 {
		font-size: 18px;
		padding-left: 125px;
				}
		
		p.static-left-content {
		font-size: 24px;
		margin-left: 0px;
		padding-left: 125px;
				}
		
		.social-links-sidebar {
		padding-left: 80px;
				}	
		
		p.sidebar-lead-4 {
		margin-top: -20px;
		font-size: 36px;
		padding-top: 50px;
		padding-left: 125px;
				}	
		
		#descriptive-intro {
		color: #FFF;
		font-size: 24px;
		padding-left: 125px;
		margin-bottom: 30px;
		padding-right: 80px;
		line-height: 32px;
				}
		
		#custom-logo {
		display: none;
				}
		
		#page-down-arrow {
		margin-top: -25px;	
				}			
	}							
		
	@media (max-width: 1024px) {
			
		.static-left-column {
			display:none;	
				}
					
		.carousel {
		float: center;
		top: 0px;
		margin-left: 0px;
		margin-bottom: -800px;
				}
					
		.carousel .item { 
		 width: 1024px;
				}

		.carousel img {
		position: absolute;
		top: 0;
	 	left: 0;
	 	width: 1024px;
				}
		
		.navbar-fixed-top {
		margin-left: 10px;
				}
		
		.navbar-fixed-top li {
		margin-left: -40px;
				}
		
		.brand {
		margin-top:.5%;
		padding-left: 40px;
		width: 375px;
				}
		
		#custom-navbar {
		margin-top: -16px;	
				}
		
		#slider-arrow {
		margin-top: 400px;
		margin-left: 700px;
		height: 100;
		width: 150;
		background: url(../img/down_arrow_white.png) no-repeat;
		z-index: 1020;
				}	
		
		#descriptive-intro {
		visibility:hidden;
				}
			
		.social-sidebar {
		visibility: hidden;
		margin-bottom: -100px;
				}

		p.sidebar-lead-4 {
		visibility: hidden;
				}
		
		#custom-logo {
		display: none;
				}
				
		#page-down-arrow {
		position: absolute;
		margin-left: 45%;
		margin-top:-15px;
		z-index: 4000;			
				}
				
		.mobile-language {
		position: relative;
		margin-top: 0px;
				}			
	}

	@media (max-width: 979px) {
		
		.static-left-column {
		width: 37%;
		height: 679px;
		float: left;
		margin-top: 0px;
		background-color: #000;
		padding-left: 15px;
				}
						
		.carousel {
		margin-bottom: -30px;
	 	margin-left: 37%;
	 	padding-bottom: 25px;
				}
						
	 	.container.navbar-wrapper {
	   	margin-bottom: 0;
	   	width: auto;
	  			}
	
	  	.navbar-inner {
	    border-radius: 0;
	    margin: -20px 0;
	  			}

	  	.carousel .item {
	    height: 628px;
	    width: 786px;
	  			}
	
	  	.carousel img {
	   	width: 822px;
	   	height: 757px;
	  			}

	  	.featurette {
	    height: auto;
	    padding: 0;
	  			}
	
	  	.featurette-image.pull-left,
		.featurette-image.pull-right {
	    display: block;
	    float: none;
	    max-width: 40%;
	    margin: 0 auto 20px;
	  			}
	
	  	#custom-logo {
		display: none;
				}	
	}

	@media (max-width: 800px) {

	   	#custom-logo {
		display: inline;
		position: fixed;
		top: 30px;
		left: 5px;
		max-width: 225px;
		z-index: 1000;
				}

		.navbar-fixed-top {
		top: 25px;
		left: 160px;
		padding-left: 65px;
		max-width: 75%;
		margin-right: -130px;
				}
				
		#page-down-arrow {
		display: none;	
				}		

	  	.static-left-column {
		visibility: hidden;
				}
									
	  	.main-navigation-items li {
		display: inline;
		position: fixed;
		z-index: 1000;
		padding-left: 7%;
		line-height: 2.5em;
				}
			
	  	.brand {
		display: none;
				}
				
		.carousel {
		float: center;
		top: 0px;
		margin-left: 0px;
		margin-bottom: -800px;
				}

		.carousel .item { 
		 width: 800px;
				}

		.carousel img {
		position: absolute;
		top: 0;
	 	left: 0;
	 	width: 800px;
				}				
					
	  	.navbar-fixed-top {
		position: fixed;
		max-width: 100%;
		z-index: 1000;
				}
		
		#custom-navbar {
		position: fixed;
		max-width: 100%;
		z-index: 3;
				}			
		
		#descriptive-intro {
		visibility:hidden;
				}

	  	.marketing .span4 + .span4 {
	   	margin-top: 40px;
	  			}

	  	.featurette-heading {
	   	font-size: 30px;
	  			}
	
	  	.featurette .lead {
	    font-size: 18px;
	    line-height: 1.5;
	  			}	
	
		.social-sidebar {
		visibility: visible;
		display: block;
		margin-top: 770px;
		margin-bottom: 20px;
		min-width: 100%;
		background: #000;
		min-height: 175px;
		max-height: 325px;
		margin-left: 0px;
		margin-right: 0px;
				}

	 	p.sidebar-lead {
		margin-top: -133px;
		margin-left: 30px;
		margin-bottom: -18px;
		font-size: 36px;
				}

		.social-links-sidebar {
		margin-left: 90px;
				}	

		p.sidebar-lead-2 {
		position: inline;
		margin-top: -290px;
		margin-left: 575px;
		font-size: 36px;
				}

		p.static-left-content {
		font-size: 18px;
		margin-left: 547px;
		margin-top: -40px;
		line-height: 1.7em;
		max-width: 150px;
	   			}

		p.sidebar-lead-3 {
		visibility: hidden;
				}		

		p.sidebar-lead-4 {
		font-size: 36px;
		visibility: visible;
		margin-top: -295px;
	  	margin-left: 296px;
		margin-bottom: -15px;
				}
				
		#descriptive-intro {
		font-size: 18px;
		color: #FFF;
	   	visibility: visible;
	   	margin-left: 300px;
	   	max-width: 150px;
	   	line-height: 1.7em;
				}	
				
		#page-down-arrow {
		margin-top: -355
		px;
				}				
  	}
	
	@media (max-width: 768px) { 
	
		.social-sidebar {
		visibility: visible;
		display: block;
		min-width: 100%;
				}	

		.carousel img {
		min-width: 768px;
				}						
	}
		
	@media (max-width: 603px) {
		
		.carousel {
			margin-right: -20px;
			margin-left: -20px;
		}
							
		#custom-logo {
		display: block;
		max-width: 275px;
		margin-left: 9px;
		margin-top: -15px;
		margin-bottom: 25px;
	    		}
	
	    #custom-navbar {
		height: 32px;
	   			}
	
	   .navbar-fixed-top {
	    font-size: 16px;
	    display: block;
		top: 100px;
		left: -77px;
		max-width: 100%;
				}
			
		.navbar-fixed-top li {
		padding-left: 10.5%;
		font-size: 16px;
				}
		
		.carousel img {
		margin-left: -200px;
				}
		
		.coffee-cups {
		margin-bottom: 40px;
		padding-right: 60px;
		margin-left: 60px;
				}
				
		#outside {
		display: none;
				}
		
		.social-sidebar {
		max-width: 603px; 
		margin-left: -20px;
		margin-right: -20px;
				}
				
		p.sidebar-lead {
		margin-left: 70px;	
				}
				
		.social-links-sidebar {
		margin-left: 130px;		
				}				
		
		p.sidebar-lead-2 {
		margin-left: 355px;
				}
		
		p.static-left-content {
		margin-left: 325px;
				}
		
		p.sidebar-lead-3 {
		visibility: hidden;
				}
		
		p.sidebar-lead-4 {
		visibility: hidden;
				}
		
		#descriptive-intro {
		visibility: hidden;
				}
				
		#page-down-arrow {
			margin-left: 40%;
				}		
	}
	
	@media (min-width: 600px) {
		
		.mobile-intro-language {
		display: none;
				}
		
		.inline-mobile {
		display: none;
				}				
	}
	
	@media (min-width: 568px) {	
				
		#mobile-video-1 {
		display:none;
				}

		#mobile-video-2 {
		display:none;
				}
				
		#mobile-popeye {
		display:none;
				}							
	}
	
	@media (max-width: 568px) {
								
		.carousel {
		float: center;
		height: 320px;
		width: 568px;
		margin-left: -20px;
		margin-top: 0px;	
		margin-bottom: -110px;
		margin-right: -20px;
				}	
										
		.carousel .item {
		max-height: 320px;
		max-width: 568px;
				}
		
		.carousel img {
		width: 560px;
		height: 320px;
				}		
				
		.carousel-caption {
		visibility: hidden;
				}
		
		.carousel-control {
			margin-top: -20px;
				}		
		
		#custom-navbar {
		display: none;
				}
				
		.social-sidebar {
		display: none;
				}
													
		.social-links-sidebar {
		visibility:visible;
		position: fixed;
		z-index: 2000;
		margin-top: 140px;
				}
							
		.navbar-fixed-top {
		visibility:hidden;
				}
					
		#custom-logo {
		margin-top: -20px;
		left: 25%;
		max-width: 250px;
				}
				
		p.sidebar-lead {
		display:none;
				}																					
		
		.navbar-fixed-top li {
		visibility: hidden;
				}					
				
		p.sidebar-lead-2 {
		display: none;
				}

		p.sidebar-lead-3 {
		display:none;
				}

		p.static-left-content {
		display:none;
				}
				
		#descriptive-intro {
		display:none;	
				}	
		
		.static-left-content {
		display:none;	
				}
				
		.mobile-language {
		color: #FFF;
		position: fixed;
		z-index: 4000;
		margin-top: -160px;
				}

		.mobile-intro-language {
		color:#FFF;
		font-size: 20px;
		margin-bottom: -15px;
		margin-left: 115px;
				}

		.inline-mobile {
		color: #FFF;	
		margin-top: -15px;
		margin-left: 115px;
				}

		.inline-mobile li {
		display: inline;
		color: #FFF;
		font-size: 14px;
		padding-left: 6px;
				}
				
		#page-down-arrow {
		display: block;
		margin-top: 90px;
		margin-left: 190px;
				}									
	}	
	
	@media (max-width: 568px) {
		
		#custom-logo {
		position: relative;
		right: 5%;
				}
				
		.mobile-language {
		position: relative;	
		top: -55px;
		left: 3%;
				}		
		
		.mobile-intro-language {
		position: relative;
				}		
		
		.carousel {
		max-width: 568px;
		margin-top: -100px;
				}
		
	    .table1, .table2, .table3 {
		display: none;	
				}
				
		.big-picture, .horizontal-picture {
		margin-left: -13.5%;	
				}
				
		#myToggle, #myToggle3, #myToggle6, #myToggle1, #myToggle4, #myToggle7 {
		visibility: hidden;	
				}
				
		#press-arrow, #craft-arrow, #down-arrow, #contact-arrow {
			display: none;	
				}
				
		.coffee-overlay-header, .coffee-overlay-description {
		display: none;
				}										
	}	
	
	
	@media (max-width: 480px) {
		
		
		#custom-logo {
			left: 22%;
		}
		
		.carousel {
		max-width: 480px;
		max-height: 300px;
		margin-bottom: -120px;
				}
				
		.carousel img {
			max-height: 300px;
		}		
				
		.carousel-control {
		margin-top: -27px;	
				}		
				
		.mobile-intro-language {
	    font-size: 20px;
		margin-bottom: -15px;
		margin-top: -30px;
		margin-left: 79px;
				}

		.inline-mobile {
		margin-top: -15px;
		margin-left: 79px;
				}

		.inline-mobile li {
		display: inline;
		font-size: 14px;
		padding-left: 6px;
				}	
				
		#page-down-arrow {
		display: block;
		margin-top: 80px;
		margin-left: 170px;
				}										
	}

	@media (max-width: 360px) {

		#custom-logo {
		left: 12%;
		max-width: 240px;
				}	

	  	.carousel {
		max-height: 400px;
		min-width: 100%;
		max-width: 360px;
				}

	  	.carousel img {
		margin-left: -90px;
		max-height: 400px;
		max-width: 600px;
				}						

		#mobile-navbar {
		display: none;
				}

		#mobile-video-1 {
		position: relative;
		float: center;
		height: 170px;
		width: 280px;
		margin-bottom: 30px;
				}

		#mobile-video-2 {
		position: relative;
		float: center;
		height: 170px;
		width: 280px;
				}

		.desktop-video {
		display:none;
				}
				
		#desktop-popeye {
		display:none;
				}				
				
		.mobile-intro-language {
		margin-left: 26px;	
				}
				
		.inline-mobile {
		margin-left: 26px;		
				}	
							
		.inline-mobile li {
		margin-left: 26px;		
				}
				
		#page-down-arrow {
		margin-left: 110px;			
				}
		
		.pull-left {
		padding-top: 20px;	
		padding-right: 3px;
				}	
				
		.big-picture, .horizontal-picture {
		margin-left: -30.5%;	
				}
				
		#myToggle, #myToggle3, #myToggle6 {
		width: 360px;
		max-height: 475px;	
				}
				
		#myToggle1, #myToggle4, #myToggle7 {
		margin-top: -15px;	
		max-height: 155px;	
				}
				
		.coffee-overlay-header, .coffee-overlay-description {
		display: none;
				}																																
	}

	@media (max-width: 320px) {		
		
		body {
		margin-right: -20px;
				}
		
		#custom-logo {
		max-width: 245px;
		left: 8%;
				}

		.carousel {
		max-height: 500px;
		margin-bottom: -90px;
		max-width: 340px;
	   			}

		.carousel img {
		height: 110%;
		width: 60%;
		margin-left: -200px;
				}	

		.carousel-control {
		margin-top: -20px;
				}
				
		.mobile-language {
		position: absolute;
		z-index: 4000;
		margin-top: 205px;
				}

		.mobile-intro-language {
		font-size: 16px;
		margin-bottom: -15px;
		margin-left: 45px;
				}

		.inline-mobile {
		margin-top: -15px;
		margin-left: 25px;
				}

		.inline-mobile li {
		display: inline;
		font-size: 14px;
				}

		#page-down-arrow {
		display: block;
		margin-top: 90px;
		margin-left: 100px;
				}				

		p.sidebar-lead-2 {
		visibility: hidden;
				}

		p.static-left-content {
		visibility: hidden;
	   			}			

		.featurette {
		margin-top: -50px;
		margin-bottom: -50px;
				}		
				
		.sidebar-lead {
		display:none;
				}

		.static-left-content {
		display: none;
				}

		.desktop-video {
		display:none;
				}		

		#desktop-popeye {
		display:none;
				}
		
		.drop-panel {
		display: none;
				}
						
		footer {
		margin-top: 400px;
		display: visible;
				}
		
		.pull-right, .pull-left {
		display: visible;
				}
				
		#myToggle, #myToggle3, #myToggle6 {
		width: 350px;
		max-height: 460px;	
						}

		#myToggle1, #myToggle4, #myToggle7 {
		max-height: 149px;	
						}					
		
		#mobile-padding {
			padding-bottom: 40px;
		}																		
	}
	
	@media (max-width: 240px) {
			
		.carousel {
		width: 240px;
				}
		
		.mobile-intro-language {
		font-size: 10px;	
		margin-left: 35px;
		margin-top: 10px;	
				}
				
		.inline-mobile {
		font-size: 10px;
		margin-left: 10px;		
				}	
							
		.inline-mobile li {
		font-size: 10px;
		margin-left: 26px;		
				}
				
		#page-down-arrow {
		margin-left: 50px;			
				}		
	}
	
	</style>
	
	<style>
	
		/* Custom Navbar*/

		.navbar-fixed-top {
		 margin: 0 auto 0;
		 padding-left: 6px;
				}

		#custom-navbar {
		max-width: 100%;
  		background-color: #000;
  		padding-bottom: 148px;
	  	position: fixed;
	  	right: 0;
	  	left: 0;
	  	z-index: 0;
	  	margin-bottom: 0;
	  	border-width: 0 0 1px;
	  	padding-right: 0;
		padding-left: 0;
	  	-webkit-border-radius: 0;
     	-moz-border-radius: 0;
       	border-radius: 0;
	  	top: 0;
	  	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
       	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
				}	

		.navbar-fixed-top li {
		float: left;
		font-size: 38px;
		letter-spacing: .01em;
				}

		h1 {
		font-family: 'BebasRegular', Arial;
				}

		h2 {
		font-family: 'BebasRegular', Arial;
		letter-spacing: 0;
		word-spacing: .1em;
				}

		h3 {
		font-family: 'BebasRegular', Arial;
		font-size: 25px;
		font-style: normal;
				}

		h3.menu-sizes {
		letter-spacing: 1.54px;
				}

		h3.menu-sizes-tea {
		letter-spacing: 2.2px;
				}

		h3.menu-sizes-pastries {
		letter-spacing: 2.5px;
				}

		h3.menu-sizes-sandwiches {
		letter-spacing: 2.5px;
				}

		p {
		font-family: 'BebasRegular', Arial;
		word-spacing: .1em;
		line-height: 4em;
		font-size: 20px;
				}
				
		p.lead {
		font-family: 'BebasRegular', Arial;
		font-size: 2em;
		line-height: 1.5em;
		text-align: center;
				}

		li {
		font-family: 'BebasRegular', Arial;
				}
				
		.featurette {
		text-align: center;
				}


		/* Navigation Items*/

		.main-navigation-items {
		display: block;
		padding-top: 5%;
		padding-left: 7%;
				}

		.navbar-links, .navbar-links:active, .navbar-links:visited {
	  	color: #FFF;
				}
	
		.navbar-links:hover {
	  	color: #ac1700;
	  	text-decoration: none;
				}

		.brand {
		padding-top: 5px;
		-webkit-padding-right: 20px;
				}

		/* End Navigation Items*/	
		
		/* Coffee Menu  Items*/	

		ul.inline {
		padding: 4px 4px;
				}

		/* Menu Items*/			

		.specific-menus {
		margin: 40px auto 0;
				}

		tr.specific-menu-items {
		font-family: 'BebasRegular', Arial;
		font-size: 16px;
		line-height: 32px;
		font-style: normal;
		text-align: left;
		margin-bottom: 30px;
				}

		td.menu-piece {
		font-family: 'BebasRegular', Arial;
		font-size: 18px;
		font-style: normal;
		padding-right: 60px;
				}

		#hot {
		letter-spacing: 1.3px;
				}

		#iced {
		letter-spacing: 1.3px;
				}

		#pastries {
		letter-spacing: 1.5px;
				}

		/* End of Menu Items*/	

		/* Video*/	
		
		.modal-body {
		width: 800px;
				}
	
		.modal {
		width: 670px;
		margin-left: -320px;
				}

		.arrow {
		padding-top: 6px;
		padding-left: -10px;
				}
		/* End of Video*/		

		/* Contact*/

		#map {
		padding-right:20px;
				}

		#outside {
		padding-left: 20px;
				}

		#contact-email {
		margin-left: 150px;
				}

		#modal-header {
		margin-left: 210px;
		padding-top: 10px;
				}

		.arrow {
		padding-top: 6px;
		padding-left: -10px;
				}

		/* End of Contact*/

		/* Links*/
		a:link, a:hover, a:active, a:visited {
		color: #FFF;
		text-decoration: none;
				}
	
		#pushes-header-down {
		padding-bottom: 20px;
				}
	 	/* Links*/
	
		/* Carousel*/
				
		.carousel-inner {
		margin-top:-20px;
				}
		/* End Carousel*/
	
		/* Coffee Menu Mouse Overs*/

		h5.coffee-overlay-header {
		color: #FFF;
		font-size: 24px;
		letter-spacing: 1px;
		line-height: 40px;
				}
				
		p.coffee-overlay-description {
		color: #FFF;
		text-align: center;
		font-size: 20px;
		line-height: 30px;
				}
				
		#myToggle, #myToggle1, #myToggle2, #myToggle3, #myToggle4, #myToggle5, #myToggle6, #myToggle7, #myToggle8 {
		background-color: #000;
		opacity: 0.6;
				}

		/* End Coffee Menu Mouse Overs*/

		/* ScrollUp*/
		
		#scrollUp {
		bottom: 30px;
		right: 30px;
		height: 38px;  /* Height of image */
		width: 38px; /* Width of image */
		background: url(../img/top.png) no-repeat;
				}
				
		/* End ScrollUp*/	
				
		#press-arrow {	
		position: relative;
		left: 49%;
		margin-top: 0px;
		margin-bottom: -50px;
		height: 100px;
		width: 150px;
		background: url(../img/mobile-arrow.png) no-repeat;
		z-index: -1;
				}
				
		#craft-arrow {
		position: relative;
		left: 49%;
		margin-bottom: -60px;
		height: 100px;
		width: 150px;
		background: url(../img/mobile-arrow.png) no-repeat;
		z-index: -1;
				}		

		#down-arrow {
		position: relative;
		left: 49%;
		margin-bottom:-70px;
		height: 80px;
		width: 150px;
		background: url(../img/mobile-arrow.png) no-repeat;
		z-index: -1;
		
				}
				
		#contact-arrow {
		position: relative;
		left: 49%;
		margin-bottom:-70px;
		height: 80px;
		width: 150px;
		background: url(../img/mobile-arrow.png) no-repeat;
		z-index: -1;		
				}		
				
		/* Series of Coffee Pictures*/	

		#coffee-drink-section2, #coffee-drink-section3 {
		margin-top: -10px;	
				}		

		.table1, .table2, .table3 {
		position: relative;
			  	}
					
		.coffee-cups {
		position: relative;
		z-index: -1;
		        }
		
		.big-picture {
		position: relative;	
				}
				
		.removed-for-mobiles {
		position: relative;
		left: 6%;	
				}				

		.small-pictures {
		position: relative;
		display: inline;
		left: 1%;		
				}
				
		#myToggle {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
		max-width: 100%;	
				}
				
		/*Contact Form*/
		
		#modal-contact-content {
		position: relative;
		right: 13%;	
		}				

	
					
																		