@charset 'UTF-8';

/* *******************************


~~~ Viaggio ~~~


***********************************
 

F O N T S
---------

<link type="text/css" rel="stylesheet" href="//fast.fonts.net/cssapi/62b121ea-c5ca-4be9-8832-b7c9bef08d14.css"/>

font-family:'GeomSlab712W01-ExtraBol', georgia, serif;
font-family:'Geometric415W01-Medium', verdana, sans-serif;
font-family:'American Typewriter ITCW01LtIt', 'courier new', courier, serif;
font-family:'TypewriterEliteW01-Regu', 'courier new', courier, serif;


C O L O U R S
-------------

Yellow: #d4b770
Green: #3e642f
Black: #404041

************************************** */

/* ************************************


~~~ G L O B A L ~~~~


*************************************** */

*:focus{
	outline: none !important;	
}

html, body {
	font-size: 14px;
	width: 100%;
	height: 100%;
	background-color: #fefefe;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
}

h1 {
	font-family:'GeomSlab712W01-ExtraBol', georgia, serif;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #3e642f;
}

h2 {
	font-family:'GeomSlab712W01-ExtraBol', georgia, serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	color: #404041;
}

a {
	color: #404041;
	-webkit-transition: color 0.2s, background-color 0.2s, border 0.2s;
	transition: color 0.2s, background-color 0.2s, border 0.2s;
}

a:hover {
	color: #3e642f;
}

.large {
	font-family:'TypewriterEliteW01-Regu', 'courier new', courier, serif;
	font-size: 1.3rem;
	line-height: 1.9rem;
	font-weight: normal;
	letter-spacing: -1px;
}

@media (min-width: 1200px) {
	html, body {
		font-size: 16px;
		width: 100%;
		height: 100%;
	}
}

/* ************************************


~~~ N A V B A R ~~~~


*************************************** */

/* General */

.navbar {
	background-color: #3e642f;
	height: 80px;
	position: relative;
	top: -80px;
	
	border: none;
	
	z-index: 100;
}

/* Navbar Logo */

.navbar-brand {
	font-size: 0px;
	
	display: block;
	width: 202px;
	height: 78px;
	position: relative;
	left: 15px;
	
	background-image: url('../img/header-logo-xs.png');
	background-size: 202px 32px;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Navbar Toggle */

.navbar-toggle {
    padding: 8px 8px;
    margin-top: 24px;
    margin-bottom: 11px;
    border: 1px solid #d4b770;
    border-radius: 2px;
}

.navbar-toggle:hover {
	background-color: #404041;
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    background-color: #d4b770;
}

/* Collapse Menu */

.navbar-collapse {
	background-color: #d4b770;
	border-top: none!important;
	border-bottom: 10px solid #3e642f;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}	

.navbar-brand, .navbar-nav>li>a {
	text-shadow: none !important;
}

/* Navbar Links */

.navbar-nav {
    margin: 0px -15px;
    text-align: center;
}

.nav > li > a > .fab {
	font-size: 1.9rem;
}

.nav > li > a {
    font-family:'GeomSlab712W01-ExtraBol', georgia, serif;
    font-size: 1.3rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #3e642f;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #404041;
}

.menu-divider {
	display: none;
}

.content {
	position: relative;
	top: -80px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed !important;
  top: 0 !important;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement 
(as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 110px;
}

@media (min-width: 768px) {

	.navbar {
		border-top: none;
		border-radius: 0px;
		
		position: relative;
		top: -85px;
		height: 85px;
	}
	
	/* Navbar Logo */
	
	.navbar-brand {
		position: relative;
		left: 40px;
		height: 83px;
		display: block;
	}
	
	/* Collapse Menu */
	
	.navbar-collapse {
		background-color: transparent;
		padding-top: 0px;
		border-bottom: none;
	}
	
	/* Navbar Links */

	.navbar-nav {
		padding-top: 0px;
		margin: 0px -15px;
	}
	
	.navbar-right {
	    padding-top: 0px !important;
	}
	
	.menu-divider {
		display: block;
		width: 2px;
		height: 20px;
		background-color: #d4b770;
		margin-top: 32px;
		margin-right: 2px;
		margin-left: 2px;
	}
	
	.nav > li > a {
		font-size: 1.1rem;
		letter-spacing: 2px;
		color: #d4b770;
		padding-top: 32px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.nav > li > a:hover, .nav > li > a:focus {
		color: #fff;
	}
	
	.nav > li > .active-page {
		color: #987157;
	}
	
	.nav > li > a > .fab {
		font-size: 2rem;
	}
	
	#insta-link {
		padding-top: 29px;
		padding-left: 5px;
	}
	
	#nav-handle {
		display: none;
	}
	
	.content {
		position: relative;
		top: -107px;
	}
}

@media (min-width: 992px) {

	/* General */
	
	.navbar {
		position: relative;
		top: -90px;
		height: 90px;
	}
	
	/* Navbar Logo */
	
	.navbar-brand {
		width: 248px;
		height: 88px;
	
		background-image: url('../img/header-logo-md.png');
		background-size: 248px 40px;
	}
	
	/* Navbar Links */
	
	.menu-divider {
		height: 25px;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 32px;
	}
	
	.nav > li > a {
		font-size: 1.4rem;
		padding-top: 34px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.nav > li > a > .fab {
		font-size: 2.3rem;
	}
	
	#insta-link {
		padding-top: 28px;
	}
	
	.content {
		position: relative;
		top: -112px;
	}

}

@media (min-width: 1200px) {

	/* General */
	
	.navbar {
		position: relative;
		top: -100px;
		height: 100px;
	}
	
	/* Navbar Logo */
	
	.navbar-brand {
		width: 280px;
		height: 99px;
	
		background-image: url('../img/header-logo-lg.png');
		background-size: 280px 44px;
	}
	
	/* Navbar Links */

	.menu-divider {
		margin-top: 35px;
		height: 28px;
	}
	
	.nav > li > a {
		font-size: 1.6rem;
		padding-top: 39px;
	}
	
	.nav > li > a > .fab {
		font-size: 2.5rem;
	}
	
	#insta-link {
		padding-top: 31px;
	}
	
	.content {
		position: relative;
		top: -122px;
	}

}

.m-link-wrap {
	display: block;
	position: fixed;
	right: 15px;
	top: 70px;
	width: 80px;
	height: 80px;
	z-index:999999999999999999999;
}

.m-link {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('../img/vg-michelin-desktop.png');
	background-size: 80px 80px;
}

@media (min-width: 768px) {

	.m-link-wrap {
		display: block;
		right: 20px;
		top: 60px;
		width:100px;
		height: 100px;
	}

	.m-link {
		display: block;
		width: 100%;
		height: 100%;
		background-image: url('../img/vg-michelin-desktop.png');
		background-size: 100px 100px;
	}

}

@media (min-width: 1200px) {
	
	.m-link-wrap {
		top: 80px;
		width: 120px;
		height: 120px;
	}

	.m-link {
		background-image: url('../img/vg-michelin-desktop.png');
		background-size: 120px 120px;
	}
}

/* ************************************


~~~ I N T R O   S E C T I O N ~~~~


*************************************** */

.intro-section {
	background-color: #d4b770;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#intro {
	background-image: url('../img/white-chevron-xs.png');
	background-size: 58px 63px;
	background-repeat: repeat-y;
}

#intro-logo {
	display: block;
	width: 100%;
	height: 100%;
	
	background-image: url('../img/intro-logo-xs.png');
	background-size: 90% auto;
	background-repeat: no-repeat;
	background-position: calc(50% + 0px) calc(50% - 30px);
}

.white-chevron {
	display: block;
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0px;
}

.small-logo{
	width: 272px; 
	height: auto;
}

@media (min-width: 600px) {
	#intro-logo {
		background-image: url('../img/intro-logo-xs.png');
		background-size: 550px auto;
		background-repeat: no-repeat;
		background-position: calc(50% + 0px) calc(50% - 20px);
	}
}

@media (min-width: 768px) {
	
	#intro-logo {
		background-image: url('../img/intro-logo-sm.png');
		background-size: 610px 330px;
		background-repeat: no-repeat;
		background-position: calc(50% + 0px) calc(50% - 30px);
	}
	
	#intro {
		background-image: url('../img/intro-artwork-sm.png'), url('../img/white-chevron-sm.png');
		background-size: 430px 526px, 76px 79px;
		background-repeat: no-repeat, repeat-y;
		background-position: calc(50% - 150px) calc(50% - 60px), -15px 0px;
	}
}

@media (min-width: 992px) {
	
	#intro-logo {
		background-image: url('../img/intro-logo-md.png');
		background-size: 750px 404px;
		background-repeat: no-repeat;
		background-position: calc(50% + 0px) calc(50% - 30px);
	}
	
	#intro {
		background-image: url('../img/intro-artwork-md.png'), url('../img/white-chevron-sm.png');
		background-size: 534px 656px, 76px 79px;
		background-repeat: no-repeat, repeat-y;
		background-position: calc(50% - 200px) calc(50% - 70px), 0 0;
	}
	
}

@media (min-width: 1200px) {
	
	#intro-logo {
		background-image: url('../img/intro-logo-lg.png');
		background-size: 834px 448px;
		background-repeat: no-repeat;
		background-position: calc(50% + 0px) calc(50% - 30px);
	}
	
	#intro {
		background-image: url('../img/intro-artwork-lg.png'), url('../img/white-chevron-sm.png');
		background-size: 568px 696px, 76px 79px;
		background-repeat: no-repeat, repeat-y;
		background-position: calc(50% - 280px) calc(50% - 70px), 0 0;
	}
	
}


/* ************************************


~~~ L O C A T I O N   &   H O U R S ~~~~


*************************************** */

#hours {
	padding: 15px 0px 225px 0px;
	background-image: url('../img/hours-artwork-xs.png');
	background-size: 375px 243px;
	background-repeat: no-repeat;
	background-position: bottom 0px right -100px;
	text-align: center;
	border-bottom: 10px solid #3e642f;
}

@media (min-width: 450px) {
	#hours {
		background-position: bottom 0px right 0px;
	}
}

.location-wrap {
	border-top: 5px solid #3e642f;
	border-bottom: 5px solid #3e642f;
	padding: 20px 0px 20px 0px;
}

address, .phone {
	font-size: 1.4rem;
	line-height: 2.1rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.location-wrap a {
	font-family:'American Typewriter ITCW01LtIt', 'courier new', courier, serif;
	font-size: 1.15rem;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.location-wrap a:hover {
	border-bottom: 1px solid #3e642f;
}

.location-wrap a .fas  {
	font-size: 0.8rem;
}

.location-insta a:hover {
	color: #3e642f;
}

.location-insta a .fab{
	font-size: 2rem;
	font-weight: normal;
	position: relative;
	top: 5px;
}

.reservations {
	padding: 15px 0px 15px 0px;
	border-bottom: 5px solid #3e642f;
}

.reservations a {
	font-family:'GeomSlab712W01-ExtraBol', georgia, serif;
	font-size: 1.6rem;
	line-height: 2.2rem;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #3e642f;
}

.reservations a:hover {
	color: #d4b770;
}

.hours-wrap {
	padding: 20px 0px 12px 0px; 
	border-bottom: 5px solid #3e642f;
}

.hours-wrap p {
	padding-bottom: 7px;
}

.hours-note {
	font-size: 1.3rem;
	color: #d4b770;
	
	background-color: #3e642f;
	margin-top: 20px;
	padding: 10px;
}

.takeout-note {
	margin-top: 20px;
}

@media (min-width: 768px) {
	
	#hours {
		padding: 50px 0px 200px 0px;
		background-image: url('../img/green-chevron-sm.png'), url('../img/swords-sm.png');
		background-size: 76px 79px, 428px 277px;
		background-repeat: repeat-y, no-repeat;
		background-position: -15px 0px, calc(50% + 210px) calc(100% + 50px);
		text-align: left;
	}
	
	.hours-wrap {
		border-top: 5px solid #3e642f;
	}
	
	.hours-note {
		padding: 15px;
	}
}

@media (min-width: 992px) {
	
	#hours {
		padding: 50px 0px 280px 0px;
		background-image: url('../img/green-chevron-sm.png'), url('../img/swords-md.png');
		background-size: 76px 79px, 500px 324px;
		background-position: 0px 0px, calc(50% + 255px) calc(100% + 20px);
	}
	
}

@media (min-width: 1200px) {
	
	#hours {
		padding: 70px 0px 290px 0px;
		background-image: url('../img/green-chevron-sm.png'), url('../img/swords-lg.png');
		background-size: 76px 79px, 576px 372px;
		background-position: 0px 0px, calc(50% + 290px) calc(100% + 50px);
	}
	
}

/* ************************************


~~~ G A L L E R Y ~~~


*************************************** */

.slideshow {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fefefe;
	border-bottom: 10px solid #3e642f;
}

.interior-slides, .food-slides {
	background-color: #fefefe;
}

.interior-slides img, .food-slides img, .events-slides img{
	height: 250px;
	margin: 0px 7px;
}

@media (min-width: 768px) {
	.interior-slides img{
		height: 450px;
	}
	
	.food-slides img, .events-slides img {
		height: 300px;
	}
}

@media (min-width: 992px) {
	.interior-slides img{
		height: 550px;
	}
	
	.food-slides img, .events-slides img {
		height: 420px;
	}
}

@media (min-width: 1200px) {
	.interior-slides img{
		height: 600px;
	}
}

/* ************************************


~~~ G I F T   C A R D S  +  E V E N T S ~~~


*************************************** */


#giftcards {
	background-color: #d4b770;
	background-image: url('../img/giftcard-artwork-xs.png');
	background-size: 306px 228px;
	background-position: calc(50% + 0px) calc(100% - 20px);
	background-repeat: no-repeat;
	padding: 20px 0px 110px 0px;
	text-align: center;
	border-bottom: 10px solid #3e642f;
}

#events {
	background-color: #d4b770;
	background-image: url('../img/events-artwork-xs.png');
	background-size: 212px 242px;
	background-position: calc(50% + 0px) calc(100% - 20px);
	background-repeat: no-repeat;
	padding: 20px 0px 130px 0px;
	text-align: center;
}

.giftcard-wrap, .events-wrap {
	padding: 15px 0px 150px 0px;
	max-width: 440px;
	margin: auto;
}

.giftcard-wrap h1, .events-wrap h1 {
	padding-bottom: 10px;
}

.giftcard-wrap .large, .events-wrap .large{
	padding-left: 0px;
	padding-top: 5px;
}

.giftcard-wrap .large p, .events-wrap .large p {
	padding-bottom: 10px;
}

.giftcard-wrap .large p a, .events-wrap .large p a, .giftcard-wrap .large p em, .events-wrap .large p em {
	font-family:'American Typewriter ITCW01LtIt', 'courier new', courier, serif;
	font-weight: bold;
	font-size: 1.2rem;
	letter-spacing:0px;
}

.giftcard-wrap .large a .fas, .events-wrap .large a .fas {
	font-size: 1rem;
}

.giftcard-wrap .large p a:hover, .events-wrap .large p a:hover {
	border-bottom: 1px solid #3e642f;
}

.giftcard-wrap .btn{
	display: inline-block;
	margin-top: 10px;
	border-radius: 0px;
	background-color: #3e642f;
	font-family: 'Geometric415W01-Medium', verdana, sans-serif;
	font-size: 1.4rem;
	letter-spacing: 0.5px;
	color: #d4b770;
}

.giftcard-wrap .btn:hover {
	background-color: #fefefe;
	color: #3e642f;
}

@media (min-width: 768px) {
	
	#giftcards {
		background-image: url('../img/white-chevron-sm.png'), url('../img/giftcard-artwork-sm.png');
		background-size: 76px 79px, 374px 278px;
		background-repeat: repeat-y, no-repeat;
		background-position: -15px 0px, calc(50% + 260px) calc(100% - 30px);
		padding: 50px 0px 70px 0px;
		text-align: left;
	}
	
	#events {
		background-image: url('../img/white-chevron-sm.png'), url('../img/events-artwork-sm.png');
		background-size: 76px 79px, 444px 244px;
		background-repeat: repeat-y, no-repeat;
		background-position: -15px 0px, calc(50% + 350px) calc(50% - 0px);
		padding: 50px 0px 50px 0px;
		text-align: left;
	}
	
	.giftcard-wrap, .events-wrap {
		padding: 15px 0px 0px 0px;
		max-width: none;
	}
	
	.giftcard-wrap .large, .events-wrap .large{
		padding-left: 15px;
		padding-top: 5px;
	}
}

@media (min-width: 992px) {
	
	#giftcards {
		background-image: url('../img/white-chevron-sm.png'), url('../img/giftcard-artwork-sm.png');
		background-size: 76px 79px, 374px 278px;
		background-repeat: repeat-y, no-repeat;
		background-position: 0px 0px, calc(50% + 280px) calc(100% - 35px);
	}
	
	#events {
		background-image: url('../img/white-chevron-sm.png'), url('../img/events-artwork-sm.png');
		background-size: 76px 79px, 444px 244px;
		background-repeat: repeat-y, no-repeat;
		background-position: 0px 0px, calc(50% + 330px) calc(50% - 0px);
	}
}

@media (min-width: 1200px) {
	
	#giftcards {
		background-image: url('../img/white-chevron-sm.png'), url('../img/giftcard-artwork-lg.png');
		background-size: 76px 79px, 434px 322px;
		background-repeat: repeat-y, no-repeat;
		background-position: 0px 0px, calc(50% + 320px) calc(100% - 40px);
	}
	
	#events {
		background-image: url('../img/white-chevron-sm.png'), url('../img/events-artwork-lg.png');
		background-size: 76px 79px, 496px 272px;
		background-repeat: repeat-y, no-repeat;
		background-position: 0px 0px, calc(50% + 400px) calc(50% - 0px);
	}
}

/* ************************************


~~~ M E N U ~~~


*************************************** */

#menu {
	padding: 20px 0px 0px 0px;
	border-bottom: 10px solid #3e642f;
}

#menu .intro p {
	font-family:'TypewriterEliteW01-Regu', 'courier new', courier, serif;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: normal;
	letter-spacing: -1px;
	padding-bottom: 10px;
}

.panel {
	background-color: transparent;
	box-shadow: none;
	border: none;
	padding: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel-group {
	margin-bottom: 0px;
}
 
.panel-heading {
	background-color: transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
	padding: 0px;
}

.panel-heading ul {
	text-align: left;
	padding: 7px 0px 0px 0px;
	margin-bottom: 0px;
}

.panel-heading ul li {
	display: block;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.panel-heading ul .divider {
	display: block;
	height: 2px;
	width: 100%;
	background-color: #404041;
}

.panel-heading ul li .active {
	color: #3e642f;
}

.panel-body {
	padding: 0px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #dddddd;
}

.panel-collapse {
	border-top: 2px solid #404041;
	padding-top: 30px;
}

.menu-subsection {
	text-align: left;
	padding-bottom: 30px;
}

.menu-content {
	padding-top: 10px;
}

.menu-content p {
	padding-bottom: 20px;
}

.catering {
	text-align: center;
	background-color: #dccaab;
	padding-top: 30px;
	padding-bottom: 30px;
}

.catering h1 {
	background-color: #dccaab;
}

@media (min-width: 768px) {
	
	#menu {
		padding: 50px 0px 180px 0px;
		background-image: url('../img/green-chevron-sm.png'), url('../img/swords-sm.png');
		background-size: 76px 79px, 428px 277px;
		background-repeat: repeat-y, no-repeat;
		background-position: -15px 0px, calc(50% + 210px) calc(100% + 40px);
	}
	
	#menu .intro p {
		padding-bottom: 10px;
	}
	
	.panel-heading {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.panel-heading ul li {
		display: inline-block;
	}
	
	.panel-heading ul .divider {
		display: inline-block;
		width: 2px;
		height: 20px;
		background-color: #414042;
		margin-left: 10px;
		margin-right: 10px;
		position: relative;
		top: 3px;
	}
	
	.panel-collapse {
		border-top: 3px solid #3e642f;
		padding-top: 30px;
	}
	
}

@media (min-width: 992px) {
	
	#menu {
		padding: 50px 0px 230px 0px;
		background-image: url('../img/green-chevron-sm.png'), url('../img/swords-md.png');
		background-size: 76px 79px, 500px 324px;
		background-position: 0px 0px, calc(50% + 255px) calc(100% + 50px);
	}
	
}

@media (min-width: 1200px) {
	
	#menu {
		padding: 50px 0px 270px 0px;
		background-image: url('../img/green-chevron-sm.png'), url('../img/swords-lg.png');
		background-size: 76px 79px, 576px 372px;
		background-position: 0px 0px, calc(50% + 290px) calc(100% + 60px);
	}
		
}

/* ************************************


~~~ F O O T E R ~~~


*************************************** */

footer {
	margin-top: -80px;
	background-color: #3e642f;
	border-top: 10px solid #fff;
	text-align: center;
	padding-top: 20px;
}

.footer-logo {
	display: inline-block;
	font-size: 0px;
	width: 244px;
	height: 134px;
	background-image: url('../img/footer-logo-xs.png');
	background-position: no-repeat;
	background-size: 244px 134px;
}

.contact-info {
	padding-bottom: 20px;
}

footer address, footer .phone {
	color: #fff;
	padding-top: 20px;
}

.contact-info a {
	font-family:'American Typewriter ITCW01LtIt', 'courier new', courier, serif;
	font-size: 1.15rem;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #fff;
}

.contact-info a:hover {
	color: #d4b770;
	border-bottom: 1px solid #d4b770;
}

footer .reservations {
	padding: 10px 0px 0px 0px;
	border-bottom: none;
}

footer .reservations a {
	color: #d4b770;
}

footer .reservations a:hover {
	color: #fff;
}


footer .insta {
	padding-bottom: 30px;
}

footer .insta a {
	font-family:'American Typewriter ITCW01LtIt', 'courier new', courier, serif;
	font-size: 1.15rem;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #fff;
}

footer .insta a:hover {
	color: #d4b770;
	border-bottom: 1px solid #d4b770;
}

footer .insta a .fab{
	font-size: 2rem;
	font-weight: normal;
	position: relative;
	top: 5px;
}

.copyright {
	border-top: 3px solid #d4b770;
	font-family:'TypewriterEliteW01-Regu', 'courier new', courier, serif;
	font-weight: bold;
	font-size: 0.9rem;
	color: #fff;
	letter-spacing: -0.5px;
	padding: 10px 0px 20px 0px;
}

.copyright a{
	color: #fff;
}

.copyright a:hover {
	color: #d4b770;
}

@media (min-width: 768px) {
	footer {
		margin-top: -110px;
		background-image: url('../img/white-chevron-sm.png');
		background-size: 76px 79px;
		background-position: -15px 0px;
		background-repeat: repeat-y;
		text-align: left;
	}
	
	.footer-logo {
		display: inline-block;
		font-size: 0px;
		width: 196px;
		height: 108px;
		background-image: url('../img/footer-logo-sm.png');
		background-size: 196px 108px;
		position: relative;
		top: -10px;
	}
	
	footer address, footer .phone {
		font-size: 1.05rem;
		line-height: 1.5rem;
		padding-top: 10px;
	}
	
	footer .reservations a {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	.contact-info {
		padding-bottom: 30px;
	}
	
	.contact-info a {
		font-size: 1.1rem;
	}
	
	footer .insta {
		padding-top: 10px;
	}
	
	footer .insta a {
		font-size: 1.1rem;
	}
	
	footer .insta a .fab{
		font-size: 1.65rem;
	}
	
	.copyright {
		text-align: right;
	}
}

@media (min-width: 992px) {
	footer {
		margin-top: -112px;
		background-position: 0px 0px;
	}
	
	.footer-logo {
		width: 210px;
		height: 116px;
		background-image: url('../img/footer-logo-md.png');
		background-size: 210px 116px;
		position: relative;
		top: -10px;
	}
	
	footer address, footer .phone {
		font-size: 1.12rem;
		line-height: 1.7rem;
		padding-top: 15px;
	}
	
	footer .reservations a {
		display: inline-block;
		font-size: 1.4rem;
		line-height: 1.7rem;
		padding-top: 5px;
	}
}

@media (min-width: 1200px) {
	
	footer {
		margin-top: -122px;
	}
	
	.footer-logo {
		width: 258px;
		height: 142px;
		background-image: url('../img/footer-logo-lg.png');
		background-size: 258px 142px;
		position: relative;
		top: -10px;
	}
	
	footer address, footer .phone {
		font-size: 1.25rem;
		line-height: 1.7rem;
		padding-top: 15px;
	}
	
	footer .reservations a {
		font-size: 1.55rem;
		line-height: 1.82rem;
		padding-top: 5px;
	}
	
	.contact-info {
		padding-bottom: 40px;
	}
}

/* ************************************** */


.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.center {
	text-align: center;
}

.p-clear{
	padding: 0px;
}

.p-b-5{
	padding-bottom: 5px;
}

.p-t-5{
	padding-top: 5px;
}

.p-b-10{
	padding-bottom: 10px;
}

.p-t-10{
	padding-top: 10px;
}

.p-b-15{
	padding-bottom: 15px;
}

.p-t-15{
	padding-top: 15px;
}

.p-b-20{
	padding-bottom: 20px;
}

.p-t-20{
	padding-top: 20px;
}

.p-b-30{
	padding-bottom: 30px;
}

.p-t-30{
	padding-top: 30px;
}

.p-b-40{
	padding-bottom: 40px;
}

.p-t-40{
	padding-top: 40px;
}

.p-b-50{
	padding-bottom: 50px;
}

.p-t-50{
	padding-top: 50px;
}

.p-b-70{
	padding-bottom: 70px;
}

.p-t-70{
	padding-top: 70px;
}

/* ************************************


~~~ R E S E R V A T I O N S ~~~~


*************************************** */
#reservations {
	padding-top: 220px;
	padding-bottom: 50px;
}

#reservations ul {
	padding-top: 15px;
}

#reservations li {
	padding-bottom: 10px;
}

.res-link {
	text-align: center;
}

.res-link a{
	display: inline-block;
	background-color: #d4b770;
	font-family: 'GeomSlab712W01-ExtraBol', georgia, serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 15px 25px;
	font-size: 2rem;
	margin-top:20px;
}

.res-link a:hover{
	background-color: #3e642f; #d4b770
	
}

.res-nav {
	background-color: #3e642f;
	height: 80px;
	width: 100%;
	position: fixed;
	top: 0px;
	
	z-index: 100;
}

.res-nav-wrap {
	display: flex;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
}

.res-back {
	display: inline-block;
    font-family: 'GeomSlab712W01-ExtraBol', georgia, serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    color: #d4b770;
    padding-top: 32px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
	text-transform: uppercase;
}
.res-back:hover {
	color:#fff;
}

.res-nav-brand {
	font-size: 0px;
	
	display: block;
	width: 202px;
	height: 78px;
	position: relative;
	left: 15px;
	
	background-image: url('../img/header-logo-xs.png');
	background-size: 202px 32px;
	background-repeat: no-repeat;
	background-position: center center;
}


@media (min-width: 768px) {
#reservations {
	padding-top: 260px;
	padding-bottom: 50px;
}
}


.m-section-wrap {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	padding:10px 0px 30px 0px;
}

.m-logo {
	display: block;
	width: 120px;
	height: 120px;
	background-image: url('../img/vg-michelin-desktop.png');
	background-size: 120px 120px;
	margin: 20px auto;
	
}

.m-info-wrap {
	text-align: center;
	margin: auto;
}

.m-info a {
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-top: 5px;
}

.m-info a:hover {
	color: #d4b770;
}

@media (min-width: 768px) {
	.m-section-wrap {
		flex-direction: row;
		padding: 25px 0px 20px 20px;
	}
	.m-info-wrap {
		text-align: left;
		width: 450px;
		margin: 0px;
		padding: 10px 0px 0px 20px;
	}
	.m-logo {
		display: block;
		width: 120px;
		height: 120px;
		background-image: url('../img/vg-michelin-desktop.png');
		background-size: 120px 120px;
		margin: 0px;
	}
}