

/* Sets 1 em = 10px*/

@font-face {
    font-family: 'granbyef-mediumregular';
    src: url('../fonts/elsnerflake_-_granbyef-medium-webfont.svg#granbyef-mediumregular') format('svg'),
			url('../fonts/elsnerflake_-_granbyef-medium-webfont.woff2') format('woff2'),
         url('../fonts/elsnerflake_-_granbyef-medium-webfont.woff') format('woff'),
         url('../fonts/elsnerflake_-_granbyef-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'modern20_btroman';
    src: url('bitstream_-_modern20_bt_roman-webfont.eot');
    src: url('bitstream_-_modern20_bt_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('bitstream_-_modern20_bt_roman-webfont.woff2') format('woff2'),
         url('bitstream_-_modern20_bt_roman-webfont.woff') format('woff'),
         url('bitstream_-_modern20_bt_roman-webfont.ttf') format('truetype'),
         url('bitstream_-_modern20_bt_roman-webfont.svg#modern20_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Modern 20';
	src:url('../fonts/Bitstream - Modern20 BT Roman.ttf');
	}
	


body {
	font-size: 62.5%;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.container-fluid {
		overflow-x: hidden;
		}





#main-md {
	background-image:url('../images/mdbg.jpg');
	background-size: cover;
	height: 100vh;
	background-position: 50% 50%;
	}

#mobile-food a {
	color:  #2A4A45;
	}
	
#home-content h1 {
	font-family:  'granbyef-mediumregular';
	color: white;
	text-align: center;
	font-size: 10rem;
	-webkit-text-stroke: 0.8px;
	letter-spacing: 15px;
	margin-top: 85px;
	}
	
#nav-row h2 {
	text-align: center;
	color: white;
	font-family: 'granbyef-mediumregular';
	font-size: 1vw;
	letter-spacing: 3.5px;
	line-height: 15px;
	}
	
#nav-row h2:hover {
	opacity: 0.6;
	}

	
#home-content h3 {
	text-align: center;
	color: white;
	font-family:  'granbyef-mediumregular';
	letter-spacing: 5px;
	font-size: 2rem;
	margin-top: 17.5px;
	}

#footer h5 {
	color: white;
	text-align: center;
	font-family: 'granbyef-mediumregular';
	font-size: 0.8rem;
	letter-spacing: 2px;
	opacity: 0.3;
	line-height: 10px;
	}
	
.bgvideo {
	position: fixed;
	left: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -9999;

	}

#main {
		height: 100vh;
	
		}

#logo {
	margin-top: 6%;

	}
	
#nav-row {
	margin-top: 30px;
	}

#footer {
	position:absolute;
   bottom:0;
   width:100%;
   height:40px;
   }
	
/* helpers */
.three-quarter-size {
	width: 75%;
	}

.half-size {
	height: 90px;
		margin: 0 auto;
	}

.img-responsive {
	margin: 0 auto;
	}

.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.logosize {
	height: 20px;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;

	}

.logosize2 {
	height: 20px;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	}
  
 /* mobile */
  
 #phone-container {
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url('../images/bgmobile.jpg');
	height: 700px;
	background-position: 90% 50%;
	}
  
 #phone-logo  {
	margin-top: 65px;
	}
	
#phone-content h1 {
	color: white;
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 6px;
	font-size: 3.5rem;
	}
	
#phone-content h3 {
	text-align: center;
	color: white;
	font-family: 'granbyef-mediumregular';
	font-size: 1rem;
	letter-spacing: 2.5px;
	margin-top: 10px;
	
	}
	
#nav-row-phone h2 {
	text-align: center;
	color: white;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 4px;
	margin-top: 20px;
	font-size: 2rem;
	
	}
	
	
#nav-row-phone {
	margin-top: 65px;
	}
	
#phone-about {
	height: 350px;
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
#phone-about h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 62px;
	}

#phone-about p {
	text-align: center;
	font-size: 1.2rem;
	margin-top: 23px;
	line-height: 19px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.6;
	
	}
	
#photoabout {
	height: 550px;
	background-image:url('../images/phoneabout.jpg');
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: scroll;
	}
	
#phone-food {

	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
#phone-food h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 25px;
	}
	
#phone-food p {
	text-align: center;
	font-size: 1.2rem;
	margin-top: 23px;
	line-height: 19px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.6;
	}
	
#menu-links {
	margin-top: 55px;
	margin-bottom: 25px;

	}
	
#menu-links a {
	color: inherit;
	text-decoration: underline;
	}
	
#photofood {
	height: 450px;
	background-image:url('../images/phonefood.jpg');
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: scroll;
	}
	
#phone-contact {
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}


#phone-contact h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color: #2A4A45;
	margin-top: 35px;
	}
	
#address-phone p {
	font-size: 1.2rem;
	opacity: 0.8;
	letter-spacing: 2px;
	margin-top: 5px;
	text-align: center;
	line-height: 20px;
	font-family: 'modern20_btroman';
	color: #2A4A45;
	}
	
#times-phone p {
	font-size: 1.2rem;
	letter-spacing: 2px;
	margin-top: 5px;
	text-align: center;
	line-height: 20px;
	font-family: 'modern20_btroman';
	color: #2A4A45;
	}
	
#info-phone p {
	font-size: 1.2rem;
	opacity: 0.8;
	letter-spacing: 2px;
	margin-top: 5px;
	text-align: center;
	line-height: 20px;
	font-family: 'modern20_btroman';
	color: #2A4A45;
	margin-bottom: 20px;
	}
	
	#times-phone p {
	margin-top: 20px;
	opacity: 0.8;
	}
	
#days-phone p {
	text-align: right;
	letter-spacing: 4px;
	padding-right: 0;
	margin-top: 13px;
	font-size: 1.05rem;
	}
	
#hours-phone p {

	text-align: left;
	letter-spacing: 4px;
	padding-left: 0;
	margin-top: 13px;
	font-size: 1.05rem;
	}
	
#numberphone p {
	opacity: 1;
	}

#map-phone {
	width: 100%;
	padding: none;
	margin-bottom: 15px;
	border: 0px;
	
	}
	


	
	
	
#phone-footer {
	height: 47px;
	background-color: #2A4A45;
	}
	
#phone-footer h5 {
	color: white;
	font-family: 'granbyef-mediumregular';
	font-size: 0.7rem;
	letter-spacing: 2px;
	padding-top: 10px;
	line-height: 10px;
	
	}
	
.footersize {
	width: 20px;
	margin-top: 15px;
	margin-left: 5px;
	 margin-right: 5px;
	}
  
 
/* tablet */

 
 #mobile-logo {
	margin-top: 15vh;
	}
	
#mobilesite p {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 1.2rem;
	margin-top: 75px;
	line-height: 20px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.8;
	}
	

#mobile-content h1 {
	font-family:  'granbyef-mediumregular';
	color: white;
	text-align: center;
	font-size: 6rem;
	-webkit-text-stroke: 0.8px;
	letter-spacing: 15px;
	margin-top: 45px;

}

#nav-row-mobile h2 {
	text-align: center;
	color: white;
	font-family: 'granbyef-mediumregular';
	font-size: 2rem;
	letter-spacing: 3.5px;
	line-height: 15px;
	margin-top: 5vh;
	
}


	
#mobile-about h3 {
	text-align: center;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 350px;
	}
	
#mobile-about p {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 1.2rem;
	margin-top: 35px;
	line-height: 25px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.8;
	
	}
	
	#mobile-food h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color: #2A4A45;
	margin-top: 220px;
	}
	
	#mobile-food a {
	color:  #2A4A45;
	text-decoration: underline;
	}
	
#mobile-contact h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color: #2A4A45;
	margin-top: 25px;
	}

#mobile-content h3 {
	text-align: center;
	color: white;
	font-family:  'granbyef-mediumregular';
	letter-spacing: 4px;
	font-size: 1.1rem;
	margin-top: 1px;
	margin-bottom: 5vh;
	}
	

	

#mobile-food p {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 1.2rem;
	margin-top: 50px;
	line-height: 25px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.8;
	}


#address p {
	font-size: 1.2rem;
	opacity: 0.8;
	letter-spacing: 2px;
	margin-top: 5px;
	}

#times p {
	margin-top: 20px;
	opacity: 1;
	}
	
#days p {
	
	letter-spacing: 6px;
	
	margin-top: 13px;
	font-size: 1.3rem;
	line-height: 25px;
	}
	
#hours p {

	

	letter-spacing: 4px;

	margin-top: 13px;
	font-size: 0.9rem;
	}
 
 #info p {
	margin-top: 6vw;
	}
	
#mobile-about {
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	
	}
	
#mobile-food {

		background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
#mobile-contact {
	
		background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
#half-img-history {
	background-image:url('../images/mobileabout.jpg');
	height: 1024px;
	background-position: 50% 50%;
	background-size: cover;
	
}

#half-img-menu {
	background-image:url('../images/mobilefood.jpg');
	height: 1024px;
	background-position: 50% 50%;
	background-size: cover;
	}
	
#half-img-contact {
	background-image:url('../images/mobilecontact.jpg');
	height: 1024px;
	background-position: 100% 100%;
	background-size: cover;
	}
	


#map {
	height: 540px;
	margin-top: 30px;
	padding-left: 25px;
	padding-right: 25px;
	border: 0px solid;
	}

#mobile-footer {
	height: 35px;
	background-color: #1F3F3A;
	}
	
#mobile-footer h5 {
	color: white;
	font-size: 0.7rem;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 1px;
	margin-top: 13px;
	text-align: center;
	line-height: 10px;
	}
	

	
/* page 2 */



#fixed-nav {

	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 50%;
	background-color: #1F3F3A;
	
	}
	
	


#fixed-nav h2 {
	color: white;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 3.5px;
	line-height: 15px;
	font-size: 1.4rem;
	padding-top: -3px;
	padding-bottom: 10px;
	text-shadow: 1px 1px #2A4A45;

	}
	
#fixed-nav h2:hover {
	opacity: 0.4;
	}
	



#history {
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	padding: 0;
	}
	
#history h3 {
	margin-top: 17vh;
	text-align: center;
	color: #2A4A45;
	font-family:  'granbyef-mediumregular';
	letter-spacing: 4px;
	font-size: 3rem;
	
	}
	
#history p {
	padding-left: 75px;
	padding-right: 75px;
	font-size: 1.6rem;
	margin-top: 3vh;
	font-family: 'modern20_btroman';
	color: #2A4A45;
	opacity: 0.8;
	line-height: 25px;
	letter-spacing: 2px;
	
	
	}
	
#history-photo {
	background-image:url('../images/mainhistory.jpg');
	height: 60vh;
	background-size: cover;
	background-position: 50% 100%;
	padding-right: 0;
	z-index: 9999;

	
	}
	
#photo-one {
	height: 50vh;
	background-image:url('../images/photoone.jpg');
	background-size: cover;
	background-position: 0% 0%;
	background-attachment: fixed;
	z-index: -9999;
	
	}
	

#menus {
	background-color: #1F3F3A;
	padding-bottom: 70px;
	}
	
#menus h3 {
	
	color: white;
	font-family:  'granbyef-mediumregular';
	letter-spacing: 4px;
	font-size: 3rem;
	margin-top: 80px;
	
	}
	
#menus p {


	font-size: 1.6rem;
	margin-top: 3vh;
	font-family: 'modern20_btroman';
	color: white;
	opacity: 0.85;
	line-height: 25px;
	letter-spacing: 2px;
	
	}

#menuimages {
	margin-top: 95px;

	}

	#photo-two {
	height: 50vh;
	background-image:url('../images/phototwo.jpg');
	background-size: cover;
	background-attachment: fixed;
	z-index: -9999;
	
	}
	
#contact {
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	width:100%;
	padding-left: 0;
	padding-right: 0;
	}

	

#contact h3 {
	margin-top: 15px;
	text-align: center;
	color: #2A4A45;
	font-family:  'granbyef-mediumregular';
	letter-spacing: 4px;
	font-size: 3rem;
	
	}
	
	#contact p {
	padding-left: 75px;
	padding-right: 75px;
	font-size: 1.6rem;
	margin-top: 3vh;
	font-family: 'modern20_btroman';
	color: #2A4A45;
	opacity: 0.8;
	line-height: 25px;
	letter-spacing: 2px;
	
	}
	
#address-dt p {
	opacity: 0.8;
	margin-top: 35px;
	}
	
#times-dt p {
	opacity: 1;
	
	}

#days-dt p {
	text-align: right;
	padding: 0;
	
	}
	
#hours-dt p {
	text-align: left;
	padding: 0;
	}
	
#telephone p {
	opacity: 0.8;
	}




	
#contactmap {
	height: 60vh;
	background-image:url('../images/map.jpg');
	background-size: cover;
	background-position: 50% 50%;
	}
	

	

	
	
#photo-three {
	height: 50vh;
	background-image:url('../images/photothree.jpg');
	background-size: cover;
	background-attachment: fixed;

	z-index: -9999;
	
	}
	
#footer2 {
	background-color: #1F3F3A;
	}
	
#footer2 h5 {
	color: white;
	text-align: center;
	font-family: 'granbyef-mediumregular';
	font-size: 0.8rem;
	letter-spacing: 2px;
	line-height: 10px;
	padding-top: 10px;
	}

	
	/* Large desktops and laptops */
@media (min-width: 1200px) {




}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

#history h3 {
	margin-top: 14vh;
	text-align: center;
	color: #2A4A45;
	font-family:  'granbyef-mediumregular';
	letter-spacing: 4px;
	font-size: 3rem;
	
	}


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

body {
	padding: 0;
	}

#mobile-container {	

	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url('../images/bgmobile.jpg');
	height: 1024px;
	background-position: 90% 50%;

	
	}
	#address p {
	font-size: 1.2rem;
	opacity: 0.8;
	letter-spacing: 2px;
	margin-top: 50px;
	}


	 #info p {
	margin-top: 3vw;
	}
	

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

body {
	padding: 0;
	}


#phone-about {
	height: 250px;
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
	#phone-about h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 42px;
	}

	#photoabout {
	height: 320px;
	background-image:url('../images/phoneabout.jpg');
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: scroll;
	}
	
	#phone-about p {
	text-align: center;
	font-size: 1.2rem;
	margin-top: 25px;
	line-height: 19px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.6;
	}
	
	#phone-food {
	
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
	#phone-food h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 35px;
	}
	
	#photofood {
	height: 320px;
	background-image:url('../images/phonefood.jpg');
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: scroll;
	}
	

	
	#menu-links {
	margin-top: 35px;

	}

}

	

/* Portrait phones and smaller */
@media (max-width: 480px) {

#phone-about {
	height: 350px;
	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
	#phone-about h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 62px;
	}
	
	#photoabout {
	height: 550px;
	background-image:url('../images/phoneabout.jpg');
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: scroll;
	}
	
	#phone-about p {
	text-align: center;
	font-size: 1.2rem;
	margin-top: 23px;
	line-height: 19px;
	font-family: 'modern20_btroman';
	letter-spacing: 3px;
	color: #2A4A45;
	opacity: 0.6;
	}
	
	#phone-food {

	background-image:url('../images/texturetastic_gray.png');
	background-repeat: repeat;
	}
	
	#photofood {
	height: 450px;
	background-image:url('../images/phonefood.jpg');
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: scroll;
	}
	
	#phone-footer h5 {
	color: white;
	font-family: 'granbyef-mediumregular';
	font-size: 0.7rem;
	letter-spacing: 2px;
	padding-top: 6px;
	line-height: 10px;
	
	}
	
		

	
	
	#phone-food h3 {
	text-align: center;
	margin-top: 20px;
	font-family: 'granbyef-mediumregular';
	letter-spacing: 2px;
	color:  #2A4A45;
	margin-top: 25px;
	}
	
	#menu-links {
	margin-top: 55px;

	}

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



