body {
      margin: 0;
      padding: 0;
      overflow-x: hidden; 
    }


html {
  scroll-behavior: smooth;
}

.bg-purple {
	background-color: #bb9bc5;
}

.white {
	color: white!important;
}

.yellow {
	color:#ffdc32!important;
}

.purple-light {
	color:#bb9bc5!important;
}

.italic {
	font-style: italic!important;
	font-family: lora, serif;
	font-weight: 400;
}

.underline {
	text-decoration: underline;
}

#wq-content {
	text-align: center;
}





/**
 * @license
 * MyFonts Webfont Build ID 3933537, 2020-08-07T19:06:16-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Estilo by DSType
 * URL: https://www.myfonts.com/fonts/dstype/estilo/estilo/
 * Copyright: Copyright (c) Dino dos Santos _ DSType, 2005. All rights reserved.
 * 
 * Webfont: EngraversRomanBT-Regular by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/engravers-roman/engravers-roman/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * Webfont: LuciaBTWXX-Regular by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/lucia/lucia/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3c0561");
  
@font-face {
  font-family: 'Estilo';
  src: url('MyFontsWebfontsKit/webFonts/Estilo/font.woff2') format('woff2'), url('MyFontsWebfontsKit/webFonts/Estilo/font.woff') format('woff');
}
@font-face {
  font-family: 'EngraversRomanBT-Regular';
  src: url('MyFontsWebfontsKit/webFonts/EngraversRomanBT-Regular/font.woff2') format('woff2'), url('MyFontsWebfontsKit/webFonts/EngraversRomanBT-Regular/font.woff') format('woff');
}
@font-face {
  font-family: 'LuciaBTWXX-Regular';
  src: url('MyFontsWebfontsKit/webFonts/LuciaBTWXX-Regular/font.woff2') format('woff2'), url('MyFontsWebfontsKit/webFonts/LuciaBTWXX-Regular/font.woff') format('woff');
}


/**
 * @license
 * MyFonts Webfont Build ID 3959058, 2020-10-09T11:28:03-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Boita-Regular by The Northern Block Ltd
 * URL: https://www.myfonts.com/fonts/northernblock/boita/regular/
 * Copyright: Copyright (c) 2015 by Mariya Pigoulevskaya. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3c6912");
  
@font-face {
  font-family: 'Boita-Regular';
  src: url('webFonts/Boita-Regular/font.woff2') format('woff2'), url('webFonts/Boita-Regular/font.woff') format('woff');
}

.lora {
	font-family: lora,serif;
	font-weight: 400;
	font-style: normal;
}

.lora-bold-italic {
	font-family: lora,serif;
	font-weight: 700;
	font-style: italic;
}






















/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.info-banner {
		width: 100%;
		display: flex;
		background-color: #ffdc32;
		border-bottom: 2px solid #624b78;
	}

	.info-banner div {
		margin: auto;
		width: 100%;
		padding: 14px 14px 18px 14px;
	}

	.banner-text {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color: #624b78;
		margin: auto;
		margin-bottom: 0;
		font-size: .85rem;
		line-height: 1.05rem;
		letter-spacing: .07rem;
		text-align: center;
	}


	/*HEADER STYLES*/

	#menuToggle {
      display: block;
      position: fixed;
      top: 44px;
      right: 5.5%;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
    }

    #menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0; /* hide this */
      z-index: 2; /* and place it over the hamburger */
      -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span {
      display: block;
      width: 33px;
      height: 3px;
      margin-bottom: 5px;
      position: relative;
      background: #ffdc32;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  opacity 0.55s ease;
    }

    #menuToggle span:first-child {
      transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
      transform-origin: 0% 100%;
    }

    /* 
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(30deg) translate(-4px, -4px);
      background: #ffdc32;
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    #menuToggle input:checked ~ span:nth-last-child(2) {
      opacity: 1;
      transform: rotate(-30deg) translate(0, 0px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    #menu {
      position: fixed;
      width: 100vw;
      min-height: 100vh;
      top:0;
      margin: 0;
      right: 0px;
      display: flex;
	  align-items: center;      
      background: #bb9bc5;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      padding: 0;
      /* to stop flickering of text in safari */
      
      transform-origin: 0% 0%;
      transform: translate(100%, 0);
      
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    #menu li {
      
    }

    .nav-link {
	    
	    color: white;
		font-family: 'Boita-Regular';
		font-size: 1.8rem;
		line-height: 1.8rem;
		letter-spacing: .08rem;
		margin-top: 0;
		text-align: left;
    }

    .nav-link:hover {
	    color: #624b78;
	    text-decoration: none;
    }

    .nav-link-reservations {
		color: #624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 2rem;
		text-transform: uppercase;
		letter-spacing: .2rem;
	}

	.nav-link-reservations:hover {
		color: #624b78;
		text-decoration: #ffdc32!important;
		
	}

    .nav-rule {
    	border-top: 1px solid #ffdc32;
    	margin:.8rem 0;
    }

    /*
     * And let's fade it in from the left
     */
    #menuToggle input:checked ~ ul {
      transform: scale(1.0, 1.0);
      opacity: 1;
    }

    .menu-border {
		padding: 0 80px 0px 40px;
		margin: 0;
    	width: 100%;
    	flex-direction: column;
    	text-align: left;
    }



	.navbar {
		padding: 14px;
		background-color: #f8b9bf;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}




	/*HEADER STYLES*/

	.navbar-expanded {
		padding: 3px 0;
		background-color: white;
		width: 100%;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container {
		width: 100%;
		padding: 10px 30px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: left;
		align-items: left;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container .nav-link {
		display: none;
	}

	.nav-expanded-container .nav-link-reservations {
		display: none;
	}


	#nav-logo {
		width: 70px;
	}

	.header-grid {
		width: 100%;
		height: 50px;
		border-bottom: 2px solid #624b78;
	}

	.interior-header-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GLOBAL STYLES*/

	.two-col-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.two-col {
		width: 100%;
		min-height: 300px;
	}

	.interior-landing-photo {
		width: 100%;
		height: 250px;
		border-bottom: 2px solid #624b78;
		display: flex;
		flex-wrap: nowrap;
	}

	.interior-header-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		height:110px;
	}

	.landing-photo-split {
		width: 50%;
	}

	.interior-header-column:nth-child(1) {
		display: none;
	}
	.interior-header-column:nth-child(2) {
		width: 100%;
		text-align: center;
	}
	.interior-header-column:nth-child(3) {
		display: none;
	}

	.copy-section {
		width: 100%;
		padding: 20px 40px 0px 40px;
		text-align: center;
	}

	.menus-section {
		background-color: #bb9bc5;
		padding:10px 20px;
		border-bottom: 2px solid #624b78;
	}

	.menus-section-interior {
		background-color: #bb9bc5;
		padding:30px 0px 30px 0px;
		border-bottom: 2px solid #624b78;
	}

	.menus-container {
		display: flex;
		flex-wrap: wrap;
	}

	.menus-column {
		width: 100%;
		padding: 0 ;
		text-align: center;
	}

	.contact-press-container {
		padding:0 20px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}








	/*INTERIOR ELEMENTS*/

	#home-landing-illustration {
		display: none;
	}

	#home-landing-illustration-mobile {
		position: relative;
		right: 0;
		width: 100%;
		top: -20px;
		padding-left: 10px;
	}

	#home-badge {
		width: 80px;
		position: absolute;
		left: 24px;
		top: 250px;
	}



	#home-logo {
		width: 220px;
		margin-bottom: 5px;
	}

	.home-landing-section {
		flex-wrap: wrap;
		text-align: center;
		padding-bottom: 10px;
		display: flex;
	}

	.home-illustration-container {
		width: 100%;
		text-align: left;
		overflow: hidden;
		margin-bottom: -60px;
		order:1;
	}

	.home-landing-container {
		flex-direction: column;
		padding: 0;
		text-align: center;
		width: 90%;
		max-width: 320px;
		margin: 30px auto;
	}

	.home-stroke-container-outer {
		border: 2px solid #ffdc32;
		padding: 5px;
		margin: 14px 0;
	}

	.home-stroke-container-middle {
		border: 2px solid #ffdc32;
		padding: 4px;
	}

	.home-stroke-container-inner {
		border: 2px solid #ffdc32;
		padding: 20px;
		display: flex;
		flex-direction: column;
	}

	.home-col-content {
		height: 100%;
		padding: 40px 60px 0px 60px ;
		width: 100%;
		margin:auto;
		order:2;
		text-align: left;
	}

	.home-interior-photo {
		width: 100%;
		height: 100%;
        background: url(../images/home-interior-01-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.border-bottom-purple {
		border-bottom: 2px solid #624b78;
	}

	.landing-photo-about {
		width: 100%;
		height: 100%;
        background: url(../images/landing-about-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.icon {
		width: 70px;
		margin:auto;
	}

	.icon-menus {
		width: 80px;
		position: absolute;
		left: 100px;
		top: 1100px;
	}

	#about-illustration {
	}

	.about-illustration {
		margin: 0 auto 20px auto;
		width: 160px;
	}

	.rule-header-yellow {
		width: 100%;
		margin:4px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-yellow-menus {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-press {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #bb9bc5;
	}

	.landing-photo-breakfast {
		width: 100%;
		height: 100%;
        background: url(../images/landing-breakfast-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.menu-content-container {
		width: 100%;
		padding:0 20px 0px 20px;
		text-align: center;
	}

	.landing-photo-dessert-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-dessert-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-dessert-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-dessert-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-b {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-brunch-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-brunch-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-takeaway {
		width: 100%;
		height: 100%;
        background: url(../images/landing-takeaway-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.landing-photo-grabgo {
		width: 100%;
		height: 100%;
        background: url(../images/landing-grabgo-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-lunch-dinner-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-lunch-dinner-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	.contact-landing-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		text-align: center;
		align-items: center;
		margin:auto;
	}

	.contact-landing {
		display: flex;
		flex-wrap: wrap;
		background-color: #bb9bc5;
		padding: 30px 0;
		border-bottom: 2px solid #624b78;
	}

	#contact-illustration-a {
		width: 290px;
		height: 290px;
		margin:0 auto 30px auto;
	}

	#contact-illustration-b {
		display: none;
	}

	.contact-button-outer {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
		margin:auto auto 20px auto;
	}

	.contact-button-middle {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
	}

	.contact-button-inner {
		border:1px solid white;
		padding: 11px;
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		line-height: 1.4rem;
		letter-spacing: .08rem;
		color:white;
		text-align: center;
		display: inline-block;
		white-space: nowrap;
	}

	.contact-button-inner:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.contact-order {
		border:1px solid #ffdc32;
		color:#624b78;
		white-space: nowrap;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.6rem;
		line-height: .5rem;
		padding: 17px 11px 11px 11px;
		display: inline-block;
		margin-top: 16px;
	}

	.contact-order:hover {
		text-decoration: none;
		color:#ffdc32;
	}

	#badge-contact {
		width: 90px;
		margin: 10px auto;
	}

	.contact-interior-container {
		display: flex;
		flex-wrap: wrap;
		padding:30px 0;
		justify-content: center;
	}

	.event-container {
		width: 380px;
	}

	.contact-hours-outer {
		border: 1px solid #ffdc32;
		padding: 4px;
		margin: 20px auto;
	}

	.contact-hours-middle {
		border: 1px solid #ffdc32;
		padding: 4px;
	}

	.contact-hours-inner {
		border: 1px solid #ffdc32;
		padding: 18px;
		text-align: center;
	}

	#contact-rule {
		width: 300px;
		margin:15px auto 20px auto;
	}

	.center {
		text-align: center;
		margin:auto;
	}

	.landing-photo-contact {
		width: 100%;
		height: 100%;
        background: url(../images/landing-contact-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	#events-illustration {
		position: relative;
		top: 75px;
		width: 120px;
		right: -20px;
	}

	.landing-photo-events {
		width: 100%;
		height: 100%;
        background: url(../images/landing-events-c-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GALLERY STYLES*/

	.lightbox {
		height: 100%;
		width: 100%;
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none!important;
		padding: 0!important;
	}

	.card {
		height: 100%;
		width: 100%;
		border-radius: 0;
		padding: 0;
		margin:0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none!important;
	}

	.gallery-row {
		width: 100%;
		display: flex;
		
		flex-wrap: wrap;
	}

	.gallery-split {
		width: 100%;
	}

	.gallery-border-mobile {
		border-bottom:4px solid white;
	}

	#gallerycontainer {
		width: 100%;
		margin:0;
		text-align: center;
	}

	.gallery-border {
		
	}

	.baguetteBox-button {
		background-color: rgba(50,50,50,.001)!important;
	}

	.gallery-01 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_10-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-02 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_02-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-03 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_03-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-04 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_04-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-05 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_05-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-06 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_06-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-07 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_07-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-08 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_08-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-09 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_09-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-10 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_10-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-11 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_11-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-12 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_12-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-13 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_13-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-14 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_14-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-15 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_15-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-16 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_16-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-17 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_17-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-18 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_18-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-19 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_19-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-20 {
		width: 100%;
		height: 250px;
        background: url(../images/gallery_20-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	/*FOOTER STYLES*/

	footer {
		padding: 10px 20px 20px 20px;
	}

	.footer-row {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-row-links {
		display: flex;
		flex-direction: column;
		margin: 10px auto;
		width: 100%;
	}

	.footer-col-left {
		display: none;
	}

	.footer-col-center {
		display: none;

	}

	.footer-col-right {
		display: none;
	}

	.footer-time-badge {
		width: 80px;	
		margin: auto;
	}


	.footer-rule-small {
		width: 100%;
		margin: 25px auto;
	}

	.footer-mobile-container {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}

	.footer-social-container-mobile {
		display: flex;
		flex-direction: column;
		text-align: center;
		margin: 0 15px;
	}

	.footer-rule {
		display: none;
	}

	.footer-rule-large {
		display: none;
	}

	.footer-social-container {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	#footer-lemon {
		width: 86px;
		height: 95px;
	}

	.footer-social-link {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.55rem;
		line-height: 2.05rem;
		color: #bb9bc5;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.footer-social-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.footer-button-outer {
		border:1px solid #ffdc32;
		padding: 2px;
		display: inline-block;
		margin: 6px auto 16px auto;
	}

	.footer-button-middle {
		border:1px solid #ffdc32;
		padding: 2px;
		display: inline-block;
	}

	.footer-button-inner {
		border:1px solid #ffdc32;
		padding: 9px;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .1rem;
		font-size: 1.1rem;
		line-height: 1.2rem;
		color:#624b78;
		display: inline-block;
	}

	.footer-button-inner:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-hours {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .07rem;
		line-height: 1.5rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-hours-bold {
		font-family: lora,serif;
		font-weight: 700;
		font-style: italic;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .07rem;
		line-height: 1.5rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-address {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		letter-spacing: .08rem;
		color:#624b78;
		text-align: center;
		margin-top: 16px;
	}

	.footer-address:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-rule-vertical {
		display: none;
	}

	.footer-grid {
		width: 100%;
		height: 50px;
		border-top: 2px solid #624b78;
		border-bottom: 2px solid #624b78;
	}

	.footer-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}




	/*BUTTON STYLES*/

	.button-purple-light {
		background-color: #bb9bc5;
		color:white;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.3rem;
		line-height: .5rem;
		padding: 14px 11px 11px 11px;
		display: inline-block;
		margin-top: 15px;
	}

	.button-purple-light:hover {
		background-color: #624b78;
		text-decoration: none;
		color: white;
	}

	
	.button-events {
		color:#624b78;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: 1.3rem;
		padding: 16px 12px 12px 12px;
		display: block;
		border:2px solid #bb9bc5;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.button-events:hover {
		color:#bb9bc5;
		text-decoration: none;
	}



	/*EVENTS STYLES*/

	.event-header {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2.1rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		display: inline-block;
		margin: 0px auto 10px auto;
	}

	.copy-container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.events-rule {
		border-top: 2px solid #FFDC32;
		margin: 50px 0;
	}

	.event-link {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
		margin-top: 20px;
		display: inline-block;
		text-decoration: underline;
	}

	.event-link:hover {
		color:#FFDC32;
	}

	.event-column {
		display: flex;
		justify-content: center;
		align-content: center;
		padding: 50px 30px;
	}

	.event-tile-text {
		margin: auto;
		text-align: justify;
		width: 100%;
	}

	.event-tile-photo-01 {
		width: 100%;
		height: 100%;
		min-height: 300px;
        background: url(../images/events_tile_01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-02 {
		width: 100%;
		height: 100%;
		min-height: 300px;
        background: url(../images/events_tile_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-03 {
		width: 100%;
		height: 100%;
		min-height: 300px;
        background: url(../images/events_tile_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-04 {
		width: 100%;
		height: 100%;
		min-height: 300px;
        background: url(../images/events_tile_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-1 {
		order: 1;
	}

	.event-tile-2 {
		order: 2;
	}

	.event-tile-3 {
		order: 4;
	}

	.event-tile-4 {
		order: 3;
	}

	.event-tile-5 {
		order: 5;
	}

	.event-tile-6 {
		order: 6;
	}

	.event-tile-7 {
		order: 8;
	}

	.event-tile-8 {
		order: 7;
	}







	/*TYPOGRAPHIC STYLES*/


	.bottle-menu {
		font-family: 'Boita-Regular';
		color: #624b78;
		font-size: .9rem;
		line-height: 1.5rem;
		margin-top: 10px;
	}

	.bottle-menu span a {
		color: #624b78;
	}

	.body-copy {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .85rem;
		letter-spacing: .03rem;
		line-height: 1.5rem;
		text-align: justify;
		margin-bottom: 0;
	}

	.home-col-content h3 {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 10px;
	}

	.home-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.5rem;
		line-height: 1.8rem;
		color: #624b78;
		white-space: nowrap;
	}

	.home-address:hover {
		color: white;
		text-decoration: none;
	}

	.home-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.5rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 2px auto 0 auto;
	}

	.home-address-sans:hover {
		color: white;
		text-decoration: none;
	}

	.home-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
	}

	.home-phone:hover {
		color: white;
		text-decoration: none;
	}

	.home-sorento {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.3rem;
		line-height: 1.3rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.interior-header-script {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.5rem;
		line-height: 3.2rem;
		color: #695981;
		margin-bottom: 0;
	}

	.menus-link {
		font-family: 'Boita-Regular';
		font-size: 1.6rem;
		letter-spacing: .08rem;
		color:white;
		margin-bottom: 30px;
		display: inline-block;
	}

	.menus-link:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.menus-link-mobile {
		font-family: 'Boita-Regular';
		font-size: 1rem;
		letter-spacing: .08rem;
		color:white;
		margin-bottom: 0;
		white-space: nowrap;
		line-height: 1.5rem;
	}

	.menus-link-mobile a {
		font-family: 'Boita-Regular';
		font-size: .95rem;
		letter-spacing: .05rem;
		color:white;
		margin-bottom: 0;
		white-space: nowrap;
		line-height: 1.5rem;
	}

	.menu-section {
		color:#624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.6rem;
		letter-spacing: .1rem;
		margin: 0 auto 6px auto;
	}

	.menu-copy {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		display: block;
		text-transform: uppercase;
	}

	.menu-description {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		font-size: .9rem;
		line-height: 1.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto 15px auto;
		display: block;
		text-transform: none!important;
	}

	.menus-divider {
		border-top:2px solid #ffdc32;
		width: 100%;
		opacity: 1;
		margin: 30px 0;
	}

	.contact-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.8rem;
		line-height: 2rem;
		color: #624b78;
	}

	.contact-address:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 2.5rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 8px auto 0 auto;
		display: inline-block;
	}

	.contact-address-sans:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
		display: inline-block;
	}

	.contact-phone:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-social {
		font-family: 'Boita-Regular';
		font-size: 1.3rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a {
		font-family: 'Boita-Regular';
		font-size: 1.3rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-events {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.35rem;
		line-height: 1.6rem;
		color: #624b78;
		letter-spacing: .07rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.35rem;
		line-height: 1.6rem;
		color: #624b78;
		letter-spacing: .07rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.contact-hour-header {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 2rem;
		color: #bb9bc5;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
		white-space: nowrap;
	}

	.contact-hours {
		font-family: 'Boita-Regular';
		font-size: .85rem;
		line-height: 1.7rem;
		letter-spacing: .04rem;
		color:#624b78;
		margin: 0 auto;
		white-space: nowrap;
	}

	.press-link {
		font-family: 'Boita-Regular';
		font-size: 1.45rem;
		line-height: 1.9rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 30px;
		display: inline-block;
	}

	.press-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.event-callout {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
		margin-top: 15px;
	}

	


	/*HIDDEN STYLES*/

	.desktop-only {
		display: none;
	}


	#header-small {
		display: none;
	}

	
	.hide-small {
		display: none;
	}

	.hide-mobile-small {
		display: none;
	}

	.hide-mobile {
		display: none;
	}



}














/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

	.info-banner {
		width: 100%;
		display: flex;
		background-color: #ffdc32;
		border-bottom: 2px solid #624b78;
	}

	.info-banner div {
		margin: auto;
		width: 90%;
		padding: 14px 14px 17px 14px;
	}

	.banner-text {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color: #624b78;
		margin: auto;
		margin-bottom: 0;
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .07rem;
		text-align: center;
	}


	/*HEADER STYLES*/

	#menuToggle {
      display: block;
      position: fixed;
      top: 44px;
      right: 5.5%;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
    }

    #menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0; /* hide this */
      z-index: 2; /* and place it over the hamburger */
      -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span {
      display: block;
      width: 33px;
      height: 3px;
      margin-bottom: 5px;
      position: relative;
      background: #ffdc32;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  opacity 0.55s ease;
    }

    #menuToggle span:first-child {
      transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
      transform-origin: 0% 100%;
    }

    /* 
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(30deg) translate(-4px, -4px);
      background: #ffdc32;
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    #menuToggle input:checked ~ span:nth-last-child(2) {
      opacity: 1;
      transform: rotate(-30deg) translate(0, 0px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    #menu {
      position: fixed;
      width: 100vw;
      min-height: 100vh;
      top:0;
      margin: 0;
      right: 0px;
      display: flex;
	  align-items: center;      
      background: #bb9bc5;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      /* to stop flickering of text in safari */
      
      transform-origin: 0% 0%;
      transform: translate(100%, 0);
      
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    #menu li {
      
    }

    .nav-link {
	    padding: 10px 0;
	    color: white;
		font-family: 'Boita-Regular';
		font-size: 2.2rem;
		line-height: 2.4rem;
		letter-spacing: .08rem;
		margin-top: 0;
		text-align: left;
    }

    .nav-link:hover {
	    color: #624b78;
	    text-decoration: none;
    }

    .nav-link-reservations {
		color: #624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.75rem;
		line-height: 3rem;
		text-transform: uppercase;
		letter-spacing: .2rem;
	}

	.nav-link-reservations:hover {
		color: #624b78;
		text-decoration: #ffdc32!important;
		
	}

    .nav-rule {
    	border-top: 1px solid #ffdc32;
    }

    /*
     * And let's fade it in from the left
     */
    #menuToggle input:checked ~ ul {
      transform: scale(1.0, 1.0);
      opacity: 1;
    }

    .menu-border {
		padding: 0 80px 0px 40px;
		margin: 0;
    	width: 100%;
    	flex-direction: column;
    	text-align: left;
    }



	.navbar {
		padding: 14px;
		background-color: #f8b9bf;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}




	/*HEADER STYLES*/

	.navbar-expanded {
		padding: 3px 0;
		background-color: white;
		width: 100%;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container {
		width: 100%;
		padding: 10px 30px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: left;
		align-items: left;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container .nav-link {
		display: none;
	}

	.nav-expanded-container .nav-link-reservations {
		display: none;
	}


	#nav-logo {
		width: 70px;
	}

	.header-grid {
		width: 100%;
		height: 50px;
		border-bottom: 2px solid #624b78;
	}

	.interior-header-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GLOBAL STYLES*/

	.two-col-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.two-col {
		width: 100%;
		min-height: 300px;
	}

	.interior-landing-photo {
		width: 100%;
		height: 350px;
		border-bottom: 2px solid #624b78;
		display: flex;
		flex-wrap: nowrap;
	}

	.interior-header-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		height:110px;
	}

	.landing-photo-split {
		width: 50%;
	}

	.interior-header-column:nth-child(1) {
		width: 20%;
		text-align: center;
	}
	.interior-header-column:nth-child(2) {
		width: 60%;
		text-align: center;
	}
	.interior-header-column:nth-child(3) {
		width: 20%;
		text-align: center;
	}

	.copy-section {
		width: 100%;
		padding: 50px 100px 10px 100px;
	}

	.menus-section {
		background-color: #bb9bc5;
		padding:10px 20px;
		border-bottom: 2px solid #624b78;
	}

	.menus-section-interior {
		background-color: #bb9bc5;
		padding:35px 20px 10px 20px;
		border-bottom: 2px solid #624b78;
	}

	.menus-container {
		display: flex;
		flex-wrap: nowrap;
	}

	.menus-column {
		width: 33.333%;
		padding: 0 10px;
	}

	.contact-press-container {
		padding:0 20px;
		display: flex;
		flex-wrap: nowrap;
	}








	/*INTERIOR ELEMENTS*/

	#home-landing-illustration {
		position: relative;
		right: 0;
		width: 100%;
		top: -50px;
		padding-left: 10px;
	}

	#home-badge {
		width: 90px;
		position: absolute;
		left: 24px;
		top: 318px;
	}


	#home-logo {
		width: 240px;
		margin-bottom: 5px;
	}

	.home-landing-section {
		flex-wrap: wrap;
		text-align: center;
		display: flex;
	}

	.home-illustration-container {
		width: 100%;
		text-align: left;
		overflow: hidden;
		margin-bottom: -90px;
		order:1;
	}

	.home-landing-container {
		flex-direction: column;
		padding: 0;
		text-align: center;
		width: 400px;
		margin: 30px auto;
	}

	.home-stroke-container-outer {
		border: 2px solid #ffdc32;
		padding: 5px;
		margin: 18px 0;
	}

	.home-stroke-container-middle {
		border: 2px solid #ffdc32;
		padding: 4px;
	}

	.home-stroke-container-inner {
		border: 2px solid #ffdc32;
		padding: 30px;
		display: flex;
		flex-direction: column;
	}

	.home-col-content {
		height: 100%;
		padding: 40px 60px 0px 60px ;
		width: 100%;
		margin:auto;
		order:2;
		text-align: left;
	}

	.home-interior-photo {
		width: 100%;
		height: 100%;
        background: url(../images/home-interior-01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.border-bottom-purple {
		border-bottom: 2px solid #624b78;
	}

	.landing-photo-about {
		width: 100%;
		height: 100%;
        background: url(../images/landing-about-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.icon {
		width: 70px;
		margin:auto;
	}

	.icon-menus {
		width: 80px;
		position: absolute;
		left: 100px;
		top: 1100px;
	}

	#about-illustration {
		position: relative;
		top: 50px;
		width: 140px;
		right: -10px;
	}

	.rule-header-yellow {
		width: 100%;
		margin:4px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-yellow-menus {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-press {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #bb9bc5;
	}

	.landing-photo-breakfast {
		width: 100%;
		height: 100%;
        background: url(../images/landing-breakfast-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.menu-content-container {
		width: 100%;
		padding:0 100px 0px 100px;
		text-align: center;
	}

	.landing-photo-dessert-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-dessert-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-dessert-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-dessert-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-b {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-brunch-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-brunch-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-takeaway {
		width: 100%;
		height: 100%;
        background: url(../images/landing-takeaway-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.landing-photo-grabgo {
		width: 100%;
		height: 100%;
        background: url(../images/landing-grabgo-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-lunch-dinner-a-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-lunch-dinner-b-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	.contact-landing-container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		text-align: center;
		align-items: center;
		margin:auto;
	}

	.contact-landing {
		display: flex;
		flex-wrap: nowrap;
		background-color: #bb9bc5;
		padding: 40px 0;
		justify-content: space-around;
		border-bottom: 2px solid #624b78;
	}

	#contact-illustration-a {
		width: 290px;
		margin:auto -5px auto auto;
	}

	#contact-illustration-b {
		display: none;
	}

	.contact-button-outer {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
		margin:auto auto 20px auto;
	}

	.contact-button-middle {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
	}

	.contact-button-inner {
		border:1px solid white;
		padding: 10px;
		font-family: 'Boita-Regular';
		font-size: 1.15rem;
		line-height: 1.4rem;
		letter-spacing: .08rem;
		color:white;
		text-align: center;
		display: inline-block;
		white-space: nowrap;
	}

	.contact-button-inner:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.contact-order {
		border:1px solid #ffdc32;
		color:#624b78;
		white-space: nowrap;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.4rem;
		line-height: .5rem;
		padding: 16px 11px 11px 11px;
		display: inline-block;
		margin-top: 14px;
	}

	.contact-order:hover {
		text-decoration: none;
		color:#ffdc32;
	}

	#badge-contact {
		width: 90px;
		margin: 10px auto;
	}

	.contact-interior-container {
		display: flex;
		flex-wrap: wrap;
		padding:30px 0;
		justify-content: center;
	}

	.event-container {
		width: 380px;
	}

	.contact-hours-outer {
		border: 1px solid #ffdc32;
		padding: 4px;
		margin: 20px auto;
	}

	.contact-hours-middle {
		border: 1px solid #ffdc32;
		padding: 4px;
	}

	.contact-hours-inner {
		border: 1px solid #ffdc32;
		padding: 20px 30px;
		text-align: center;
	}

	#contact-rule {
		width: 300px;
		margin:15px auto 20px auto;
	}

	.center {
		text-align: center;
		margin:auto;
	}

	.landing-photo-contact {
		width: 100%;
		height: 100%;
        background: url(../images/landing-contact-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	#events-illustration {
		position: relative;
		top: 75px;
		width: 120px;
		right: -20px;
	}

	.landing-photo-events {
		width: 100%;
		height: 100%;
        background: url(../images/landing-events-c-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}





	/*GALLERY STYLES*/

	.lightbox {
		height: 100%;
		width: 100%;
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none!important;
		padding: 0!important;
	}

	.card {
		height: 100%;
		width: 100%;
		border-radius: 0;
		padding: 0;
		margin:0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none!important;
	}

	.gallery-row {
		width: 100%;
		display: flex;
		height: 300px;
		flex-wrap: nowrap;
	}

	.gallery-split {
		width: 50%;
		height: 100%;
		border-top:3px solid white;
		border-bottom:3px solid white;
	}

	#gallerycontainer {
		width: 100%;
		margin:0;
		text-align: center;
	}

	.gallery-border {
		border-right:3px solid white;
	}

	.baguetteBox-button {
		background-color: rgba(50,50,50,.001)!important;
	}

	.gallery-01 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-02 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_02-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-03 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_03-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-04 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_04-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-05 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_05-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-06 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_06-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-07 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_07-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-08 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_08-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-09 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_09-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-10 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-11 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_11-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-12 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_12-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-13 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_13-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-14 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_14-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-15 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_15-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-16 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_16-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-17 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_17-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-18 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_18-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-19 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_19-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-20 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_20-small.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}







	/*FOOTER STYLES*/

	footer {
		padding: 20px ;
	}

	.footer-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	.footer-row-links {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 10px auto 10px auto;
		width: 100%;
	}

	.footer-col-left {
		width: 20%;
	}

	.footer-time-badge {
		width: 85px;
		
	}

	.footer-col-center {
		width: 62%;
	}

	.footer-col-right {
		width: 18%;
	}

	.footer-rule-small {
		width: 100%;
		margin: 20px auto;
	}

	.footer-rule {
		display: none;
	}

	.footer-rule-large {
		display: none;
	}

	.footer-social-container {
		display: flex;
		justify-content: space-between;
	}

	#footer-lemon {
		width: 80px;
		margin-left: 20px;
	}

	.footer-social-link {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.3rem;
		line-height: 2rem;
		color: #ffdc32;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.footer-social-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.footer-button-outer {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-middle {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-inner {
		border:1px solid #bb9bc5;
		padding: 8px;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .1rem;
		font-size: .8rem;
		line-height: 1.2rem;
		color:#624b78;
		display: inline-block;
	}

	.footer-button-inner:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-hours {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .75rem;
		letter-spacing: .07rem;
		line-height: 1.2rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-hours-bold {
		font-family: lora,serif;
		font-weight: 700;
		font-style: italic;
		color:#624b78;
		font-size: .75rem;
		letter-spacing: .07rem;
		line-height: 1.2rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-address {
		font-family: 'Boita-Regular';
		font-size: .9rem;
		letter-spacing: .08rem;
		color:#624b78;
		text-align: center;
	}

	.footer-address:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-rule-vertical {
		height: 56px;
		width: 1px;
		border-right: 2px solid #ffdc32;
	}

	.footer-grid {
		width: 100%;
		height: 50px;
		border-top: 2px solid #624b78;
		border-bottom: 2px solid #624b78;
	}

	.footer-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}




	/*BUTTON STYLES*/

	.button-purple-light {
		background-color: #bb9bc5;
		color:white;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.3rem;
		line-height: .5rem;
		padding: 14px 11px 11px 11px;
		display: inline-block;
		margin-top: 0;
	}

	.button-purple-light:hover {
		background-color: #624b78;
		text-decoration: none;
		color: white;
	}


	.button-events {
		color:#624b78;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: 1.3rem;
		padding: 16px 12px 12px 12px;
		display: block;
		border:2px solid #bb9bc5;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.button-events:hover {
		color:#bb9bc5;
		text-decoration: none;
	}



	/*EVENTS STYLES*/

	.event-header {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2.1rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		display: inline-block;
		margin: 0px auto 10px auto;
	}

	.copy-container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.events-rule {
		border-top: 2px solid #FFDC32;
		margin: 50px 0;
	}

	.event-link {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
		text-decoration: underline;
	}

	.event-link:hover {
		color:#FFDC32;
	}

	.event-column {
		display: flex;
		justify-content: center;
		align-content: center;
		padding: 60px 40px;
	}

	.event-tile-text {
		margin: auto;
		text-align: justify;
		width: 450px;
	}

	.event-tile-photo-01 {
		width: 100%;
		height: 100%;
		min-height: 400px;
        background: url(../images/events_tile_01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-02 {
		width: 100%;
		height: 100%;
		min-height: 400px;
        background: url(../images/events_tile_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-03 {
		width: 100%;
		height: 100%;
		min-height: 400px;
        background: url(../images/events_tile_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-04 {
		width: 100%;
		height: 100%;
		min-height: 400px;
        background: url(../images/events_tile_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-1 {
		order: 1;
	}

	.event-tile-2 {
		order: 2;
	}

	.event-tile-3 {
		order: 4;
	}

	.event-tile-4 {
		order: 3;
	}

	.event-tile-5 {
		order: 5;
	}

	.event-tile-6 {
		order: 6;
	}

	.event-tile-7 {
		order: 8;
	}

	.event-tile-8 {
		order: 7;
	}








	/*TYPOGRAPHIC STYLES*/


	.bottle-menu {
		font-family: 'Boita-Regular';
		color: #624b78;
		font-size: 1rem;
		line-height: 1.5rem;
		margin-top: 10px;
	}

	.bottle-menu span a {
		color: #624b78;
	}

	.body-copy {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .85rem;
		letter-spacing: .03rem;
		line-height: 1.5rem;
		text-align: justify;
	}

	.home-col-content h3 {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 10px;
	}

	.home-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.1rem;
		line-height: 2.6rem;
		color: #624b78;
		white-space: nowrap;
	}

	.home-address:hover {
		color: white;
		text-decoration: none;
	}

	.home-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.9rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 11px auto 0 auto;
		display: inline-block;
	}

	.home-address-sans:hover {
		color: white;
		text-decoration: none;
	}

	.home-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 7px auto 0 auto;
		display: inline-block;
	}

	.home-phone:hover {
		color: white;
		text-decoration: none;
	}

	.home-sorento {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 1.6rem;
		color: white;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.interior-header-script {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 4rem;
		line-height: 3.2rem;
		color: #695981;
		margin-bottom: 0;
	}

	.menus-link {
		font-family: 'Boita-Regular';
		font-size: 1.17rem;
		letter-spacing: .08rem;
		color:white;
		margin-bottom: 30px;
		display: inline-block;
	}

	.menus-link:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.menu-section {
		color:#624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 3rem;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.menu-copy {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		display: block;
		text-transform: uppercase;
	}

	.menu-description {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		font-size: .9rem;
		line-height: 1.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto 15px auto;
		display: block;
		text-transform: none!important;
	}

	.menus-divider {
		border-top:1px solid #ffdc32;
		width: 100%;
		opacity: 1;
		margin: 30px 0;
	}

	.contact-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.3rem;
		line-height: 2rem;
		color: #624b78;
	}

	.contact-address:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.4rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 6px auto 0 auto;
		display: inline-block;
	}

	.contact-address-sans:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.4rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
		display: inline-block;
	}

	.contact-phone:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-social {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a {
		font-family: 'Boita-Regular';
		font-size: 1.2rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-events {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.contact-hour-header {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 2rem;
		color: #bb9bc5;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
		white-space: nowrap;
	}

	.contact-hours {
		font-family: 'Boita-Regular';
		font-size: .85rem;
		line-height: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		white-space: nowrap;
	}

	.press-box {
		height: 80px;
	}

	.press-link {
		font-family: 'Boita-Regular';
		font-size: 1.3rem;
		line-height: 1.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 40px;
		display: inline-block;
	}

	.press-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.event-callout {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
	}

	


	/*HIDDEN STYLES*/

	.mobile-small-only {
		display: none;
	}

	.desktop-only {
		display: none;
	}


	#header-small {
		display: none;
	}

	
	.hide-small {
		display: none;
	}

	.hide-mobile {
		display: none;
	}

	#home-landing-illustration-mobile {
		display: none;
	}

	.interior-illustrations {
		display: none;
	}

	.footer-mobile-container {
		display: none;
	}

	



}























/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

	.info-banner {
		width: 100%;
		display: flex;
		background-color: #ffdc32;
		border-bottom: 2px solid #624b78;
	}

	.info-banner div {
		margin: auto;
		width: 90%;
		padding: 14px 14px 17px 14px;
	}

	.banner-text {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color: #624b78;
		margin: auto;
		margin-bottom: 0;
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .07rem;
		text-align: center;
	}

	/*HEADER STYLES*/

	#menuToggle {
      display: block;
      position: fixed;
      top: 44px;
      right: 5.5%;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
    }

    #menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0; /* hide this */
      z-index: 2; /* and place it over the hamburger */
      -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span {
      display: block;
      width: 33px;
      height: 3px;
      margin-bottom: 5px;
      position: relative;
      background: #ffdc32;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  opacity 0.55s ease;
    }

    #menuToggle span:first-child {
      transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
      transform-origin: 0% 100%;
    }

    /* 
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(30deg) translate(-4px, -4px);
      background: #ffdc32;
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    #menuToggle input:checked ~ span:nth-last-child(2) {
      opacity: 1;
      transform: rotate(-30deg) translate(0, 0px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    #menu {
      position: fixed;
      width: 100vw;
      min-height: 100vh;
      top:0;
      margin: 0;
      right: 0px;
      display: flex;
	  align-items: center;      
      background: #bb9bc5;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      /* to stop flickering of text in safari */
      
      transform-origin: 0% 0%;
      transform: translate(100%, 0);
      
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    #menu li {
      
    }

    .nav-link {
	    padding: 10px 0;
	    color: white;
		font-family: 'Boita-Regular';
		font-size: 2.2rem;
		line-height: 2.4rem;
		letter-spacing: .08rem;
		margin-top: 0;
		text-align: left;
    }

    .nav-link:hover {
	    color: #624b78;
	    text-decoration: none;
    }

    .nav-link-reservations {
		color: #624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.75rem;
		line-height: 3rem;
		text-transform: uppercase;
		letter-spacing: .2rem;
	}

	.nav-link-reservations:hover {
		color: #624b78;
		text-decoration: #ffdc32!important;
		
	}

    .nav-rule {
    	border-top: 1px solid #ffdc32;
    }

    /*
     * And let's fade it in from the left
     */
    #menuToggle input:checked ~ ul {
      transform: scale(1.0, 1.0);
      opacity: 1;
    }

    .menu-border {
		padding: 0 80px 0px 40px;
		margin: 0;
    	width: 100%;
    	flex-direction: column;
    	text-align: left;
    }



	.navbar {
		padding: 14px;
		background-color: #f8b9bf;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}




	/*HEADER STYLES*/

	.navbar-expanded {
		padding: 3px 0;
		background-color: white;
		width: 100%;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container {
		width: 100%;
		padding: 10px 30px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: left;
		align-items: left;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container .nav-link {
		display: none;
	}

	.nav-expanded-container .nav-link-reservations {
		display: none;
	}


	#nav-logo {
		width: 70px;
	}





	.header-grid {
		width: 100%;
		height: 50px;
		border-bottom: 2px solid #624b78;
	}

	.interior-header-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GLOBAL STYLES*/

	.two-col-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
	}

	.two-col {
		width: 50%;
	}

	.interior-landing-photo {
		width: 100%;
		height: 350px;
		border-bottom: 2px solid #624b78;
		display: flex;
		flex-wrap: nowrap;
	}

	.interior-header-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		height:110px;
	}

	.landing-photo-split {
		width: 50%;
	}

	.interior-header-column:nth-child(1) {
		width: 25%;
		text-align: center;
	}
	.interior-header-column:nth-child(2) {
		width: 50%;
		text-align: center;
	}
	.interior-header-column:nth-child(3) {
		width: 25%;
		text-align: center;
	}

	.copy-section {
		width: 100%;
		padding: 50px 125px 10px 125px;
	}

	.menus-section {
		background-color: #bb9bc5;
		padding:10px 50px 10px 50px;
		border-bottom: 2px solid #624b78;
	}

	.menus-section-interior {
		background-color: #bb9bc5;
		padding:35px 50px 0px 50px;
		border-bottom: 2px solid #624b78;
	}

	.menus-container {
		display: flex;
		flex-wrap: nowrap;
	}

	.menus-column {
		width: 33.333%;
		padding: 0 15px;
	}

	.contact-press-container {
		padding:0 50px;
		display: flex;
		flex-wrap: nowrap;
	}








	/*INTERIOR ELEMENTS*/

	#home-landing-illustration {
		position: relative;
		left: 0;
		width: 100%;
		top: 0;
	}

	#home-badge {
		width: 90px;
		position: absolute;
		left: 24px;
		top: 318px;
	}


	#home-logo {
		width: 220px;
		margin-bottom: 5px;
	}

	.home-landing-section {
		display: flex;
		flex-wrap: nowrap;
		align-content: center;
		padding: 0;
		border-bottom: 2px solid #624b78;
		min-height: 370px;
	}

	.home-landing-container {
		flex-direction: column;
		padding: 0;
		text-align: center;
		width: 340px;
		margin: 50px auto;
	}

	.home-illustration-container {
		width: 50%;
	}

	.home-stroke-container-outer {
		border: 2px solid #ffdc32;
		padding: 4px;
		margin: 14px 0;
	}

	.home-stroke-container-middle {
		border: 2px solid #ffdc32;
		padding: 4px;
	}

	.home-stroke-container-inner {
		border: 2px solid #ffdc32;
		padding: 20px;
	}

	.home-col-content {
		padding: 40px 0px 40px 80px;
		width: 50%;
		margin:auto;
	}

	.home-interior-photo {
		width: 100%;
		height: 100%;
        background: url(../images/home-interior-01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.border-bottom-purple {
		border-bottom: 2px solid #624b78;
	}

	.landing-photo-about {
		width: 100%;
		height: 100%;
        background: url(../images/landing-about.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.icon {
		width: 70px;
		margin:auto;
	}

	.icon-menus {
		width: 80px;
		position: absolute;
		left: 100px;
		top: 1100px;
	}

	#about-illustration {
		position: relative;
		top: 60px;
		width: 160px;
		right: -10px;
	}

	.rule-header-yellow {
		width: 100%;
		margin:4px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-yellow-menus {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-press {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #bb9bc5;
	}

	.landing-photo-breakfast {
		width: 100%;
		height: 100%;
        background: url(../images/landing-breakfast.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.menu-content-container {
		width: 100%;
		padding:0 200px 0px 200px;
		text-align: center;
	}

	.landing-photo-dessert-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-dessert-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-dessert-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-dessert-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-b {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-brunch-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-brunch-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-takeaway {
		width: 100%;
		height: 100%;
        background: url(../images/landing-takeaway.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.landing-photo-grabgo {
		width: 100%;
		height: 100%;
        background: url(../images/landing-grabgo.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-lunch-dinner-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-lunch-dinner-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	.contact-landing-container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		text-align: center;
		align-items: center;
	}

	.contact-landing {
		display: flex;
		flex-wrap: nowrap;
		background-color: #bb9bc5;
		padding: 40px 0;
		justify-content: space-around;
		border-bottom: 2px solid #624b78;
	}

	#contact-illustration-a {
		width: 320px;
		margin:auto;
	}

	#contact-illustration-b {
		width: 150px;
		margin:auto;
	}

	.contact-button-outer {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
		margin:auto auto 20px auto;
	}

	.contact-button-middle {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
	}

	.contact-button-inner {
		border:1px solid white;
		padding: 10px;
		font-family: 'Boita-Regular';
		font-size: 1.3rem;
		line-height: 1.4rem;
		letter-spacing: .08rem;
		color:white;
		text-align: center;
		display: inline-block;
		white-space: nowrap;
	}

	.contact-button-inner:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.contact-order {
		border:1px solid #ffdc32;
		color:#624b78;
		white-space: nowrap;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: .5rem;
		padding: 18px 11px 11px 11px;
		display: inline-block;
		margin-top: 14px;
	}

	.contact-order:hover {
		text-decoration: none;
		color:#ffdc32;
	}

	#badge-contact {
		width: 90px;
		margin: 10px auto;
	}

	.contact-interior-container {
		display: flex;
		flex-wrap: nowrap;
		padding:30px 0;
		justify-content: center;
	}

	.event-container {
		width: 380px;
	}

	.contact-hours-outer {
		border: 1px solid #ffdc32;
		padding: 4px;
		margin: 20px auto;
	}

	.contact-hours-middle {
		border: 1px solid #ffdc32;
		padding: 4px;
	}

	.contact-hours-inner {
		border: 1px solid #ffdc32;
		padding: 20px;
		text-align: center;
	}

	#contact-rule {
		width: 300px;
		margin:15px auto 20px auto;
	}

	.center {
		text-align: center;
		margin:auto;
	}

	.landing-photo-contact {
		width: 100%;
		height: 100%;
        background: url(../images/landing-contact.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	#events-illustration {
		position: relative;
		top: 85px;
		width: 140px;
		right: -20px;
	}

	.landing-photo-events {
		width: 100%;
		height: 100%;
        background: url(../images/landing-events-c.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GALLERY STYLES*/

	.lightbox {
		height: 100%;
		width: 100%;
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none!important;
		padding: 0!important;
	}

	.card {
		height: 100%;
		width: 100%;
		border-radius: 0;
		padding: 0;
		margin:0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none!important;
	}

	.gallery-row {
		width: 100%;
		display: flex;
		height: 350px;
		flex-wrap: nowrap;
	}

	.gallery-split {
		width: 50%;
		height: 100%;
		border-top:3px solid white;
		border-bottom:3px solid white;
	}

	#gallerycontainer {
		width: 100%;
		margin:0;
		text-align: center;
	}

	.gallery-border {
		border-right:3px solid white;
	}

	.baguetteBox-button {
		background-color: rgba(50,50,50,.001)!important;
	}

	.gallery-01 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-02 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-03 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-04 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-05 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_05.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-06 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_06.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-07 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_07.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-08 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_08.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-09 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_09.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-10 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-11 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_11.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-12 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_12.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-13 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_13.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-14 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_14.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-15 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_15.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-16 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_16.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-17 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_17.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-18 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_18.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-19 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_19.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-20 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_20.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}







	/*FOOTER STYLES*/

	footer {
		padding: 20px 50px;
	}

	.footer-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	.footer-row-links {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 20px auto 10px auto;
		width: 100%;
	}

	.footer-col-left {
		width: 16%;
	}

	.footer-time-badge {
		width: 100px;
		
	}

	.footer-col-center {
		width: 62%;
	}

	.footer-col-right {
		width: 22%;
	}

	.footer-rule-small {
		width: 100%;
		margin: 20px auto;
	}

	.footer-rule {
		display: none;
	}

	.footer-rule-large {
		display: none;
	}

	.footer-social-container {
		display: flex;
		justify-content: space-between;
	}

	#footer-lemon {
		width: 100px;
		margin-left: 30px;
	}

	.footer-social-link {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.7rem;
		line-height: 2rem;
		color: #ffdc32;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.footer-social-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.footer-button-outer {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-middle {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-inner {
		border:1px solid #bb9bc5;
		padding: 8px;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .1rem;
		font-size: .8rem;
		line-height: 1.2rem;
		color:#624b78;
		display: inline-block;
	}

	.footer-button-inner:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-hours {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .75rem;
		letter-spacing: .07rem;
		line-height: 1.2rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-hours-bold {
		font-family: lora,serif;
		font-weight: 700;
		font-style: italic;
		color:#624b78;
		font-size: .75rem;
		letter-spacing: .07rem;
		line-height: 1.2rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-address {
		font-family: 'Boita-Regular';
		font-size: .9rem;
		letter-spacing: .08rem;
		color:#624b78;
		text-align: center;
	}

	.footer-address:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-rule-vertical {
		height: 56px;
		width: 1px;
		border-right: 2px solid #ffdc32;
	}

	.footer-grid {
		width: 100%;
		height: 50px;
		border-top: 2px solid #624b78;
		border-bottom: 2px solid #624b78;
	}

	.footer-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}




	/*BUTTON STYLES*/

	.button-purple-light {
		background-color: #bb9bc5;
		color:white;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.3rem;
		line-height: .5rem;
		padding: 14px 11px 11px 11px;
		display: inline-block;
		margin-top: 0;
	}

	.button-purple-light:hover {
		background-color: #624b78;
		text-decoration: none;
		color: white;
	}

	.button-events {
		color:#624b78;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: 1.3rem;
		padding: 16px 12px 12px 12px;
		display: block;
		border:2px solid #bb9bc5;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 50px;
	}

	.button-events:hover {
		color:#bb9bc5;
		text-decoration: none;
	}



	/*EVENTS STYLES*/

	.event-header {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2.1rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		display: inline-block;
		margin: 0px auto 10px auto;
	}

	.copy-container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.events-rule {
		border-top: 2px solid #FFDC32;
		margin: 50px 0;
	}

	.event-link {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
		text-decoration: underline;
	}

	.event-link:hover {
		color:#FFDC32;
	}

	.event-column {
		display: flex;
		justify-content: center;
		align-content: center;
		padding: 40px;
		min-height: 400px;
		border-bottom: 2px solid #624B78;
	}

	.event-tile-text {
		margin: auto;
		text-align: justify;
		width: 450px;
	}

	.event-tile-photo-01 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-02 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-03 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-04 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}







	/*TYPOGRAPHIC STYLES*/


	.bottle-menu {
		font-family: 'Boita-Regular';
		color: #624b78;
		font-size: 1rem;
		line-height: 1.5rem;
		margin-top: 10px;
	}

	.bottle-menu span a {
		color: #624b78;
	}

	.body-copy {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .03rem;
		line-height: 1.5rem;
		text-align: justify;
	}

	.home-col-content h3 {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 10px;
	}

	.home-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.6rem;
		line-height: 1.8rem;
		color: #624b78;
		white-space: nowrap;
	}

	.home-address:hover {
		color: white;
		text-decoration: none;
	}

	.home-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
	}

	.home-address-sans:hover {
		color: white;
		text-decoration: none;
	}

	.home-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 4px auto 0 auto;
	}

	.home-phone:hover {
		color: white;
		text-decoration: none;
	}

	.home-sorento {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.3rem;
		line-height: 1.3rem;
		color: white;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.interior-header-script {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 4.1rem;
		line-height: 3rem;
		color: #695981;
		margin-bottom: 0;
	}

	.menus-link {
		font-family: 'Boita-Regular';
		font-size: 1.4rem;
		letter-spacing: .08rem;
		color:white;
		margin-bottom: 40px;
		display: inline-block;
	}

	.menus-link:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.menu-section {
		color:#624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 3rem;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.menu-copy {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		display: block;
		text-transform: uppercase;
	}

	.menu-description {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		font-size: .9rem;
		line-height: 1.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto 15px auto;
		display: block;
		text-transform: none!important;
	}

	.menus-divider {
		border-top:1px solid #ffdc32;
		width: 100%;
		opacity: 1;
		margin: 30px 0;
	}

	.contact-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.4rem;
		line-height: 2rem;
		color: #624b78;
	}

	.contact-address:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 6px auto 0 auto;
		display: inline-block;
	}

	.contact-address-sans:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
		display: inline-block;
	}

	.contact-phone:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-social {
		font-family: 'Boita-Regular';
		font-size: 1.2rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a {
		font-family: 'Boita-Regular';
		font-size: 1.2rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-events {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.4rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.4rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.contact-hour-header {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 2rem;
		color: #bb9bc5;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
		white-space: nowrap;
	}

	.contact-hours {
		font-family: 'Boita-Regular';
		font-size: .8rem;
		line-height: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		white-space: nowrap;
	}

	.press-box {
		height: 100px;
	}

	.press-link {
		font-family: 'Boita-Regular';
		font-size: 1.4rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 40px;
		display: inline-block;
	}

	.press-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.event-callout {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
	}

	


	/*HIDDEN STYLES*/

	.mobile-small-only {
		display: none;
	}

	.mobile-only {
		display: none;
	}


	/*.navbar-collapsed {
		display: none;
	}*/
	
	/*#nav-logo {
		display: none;
	}*/

	/*.nav-logo {
		display: none;
	}*/

	#header-small {
		display: none;
	}

	/*#menu {
		display: none;
	}*/

	/*.mobile-menu {
		display: none;
	}*/

	.hide-non-mobile {
		display: none;
	}

	#home-landing-illustration-mobile {
		display: none;
	}

	.interior-illustrations {
		display: none;
	}

	.footer-mobile-container {
		display: none;
	}

	.desktop-only {
		display: none;
	}


}



















/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

	.info-banner {
		width: 100%;
		display: flex;
		background-color: #ffdc32;
		border-bottom: 2px solid #624b78;
	}

	.info-banner div {
		margin: auto;
		width: 90%;
		padding: 14px 14px 17px 14px;
	}

	.banner-text {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color: #624b78;
		margin: auto;
		margin-bottom: 0;
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .07rem;
		text-align: center;
	}


	/*HEADER STYLES*/

	.navbar-expanded {
		padding: 3px 0;
		background-color: white;
		width: 100%;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container {
		width: 100%;
		padding: 10px 0;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		align-items: center;
		border-bottom: 2px solid #624b78;
	}

	.nav-link {
		color: #624b78;
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 2rem;
		padding: 4px;
		margin-top: 6px;
	}

	.nav-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.nav-link-reservations {
		color: #624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: .8rem;
		line-height: .85rem;
		text-transform: uppercase;
		letter-spacing: .2rem;
		border: 1px solid #624b78;
		padding: 8px;
		display: inline-block;
	}

	.nav-link-reservations:hover {
		color: #ffdc32;
		text-decoration: none;
		cursor: pointer;
		border: 1px solid #ffdc32;
	}

	.header-grid {
		width: 100%;
		height: 60px;
		border-bottom: 2px solid #624b78;
	}

	.interior-header-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GLOBAL STYLES*/

	.two-col-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
	}

	.two-col {
		width: 50%;
	}

	.interior-landing-photo {
		width: 100%;
		height: 500px;
		border-bottom: 2px solid #624b78;
		display: flex;
		flex-wrap: nowrap;
	}

	.interior-header-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		height:130px;
	}

	.landing-photo-split {
		width: 50%;
	}

	.interior-header-column:nth-child(1) {
		width: 30%;
		text-align: center;
	}
	.interior-header-column:nth-child(2) {
		width: 40%;
		text-align: center;
	}
	.interior-header-column:nth-child(3) {
		width: 30%;
		text-align: center;
	}

	.copy-section {
		width: 100%;
		padding: 50px 200px 20px 200px;
	}

	.menus-section {
		background-color: #bb9bc5;
		padding:10px 100px 10px 100px;
		border-bottom: 2px solid #624b78;
	}

	.menus-section-interior {
		background-color: #bb9bc5;
		padding:45px 100px 10px 100px;
		border-bottom: 2px solid #624b78;
	}

	.menus-container {
		display: flex;
		flex-wrap: nowrap;
	}

	.menus-column {
		width: 33.333%;
		padding: 0 25px;
	}

	.contact-press-container {
		padding:0 100px;
		display: flex;
		flex-wrap: nowrap;
	}








	/*INTERIOR ELEMENTS*/

	#home-landing-illustration {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
	}


	#home-badge {
		width: 100px;
		position: absolute;
		left: 40px;
		top: 378px;
	}

	#home-logo {
		width: 270px;
		margin-bottom: 5px;
	}

	#home-logo-yellow {
		display: none;
	}

	.home-landing-section {
		display: flex;
		flex-wrap: nowrap;
		align-content: center;
		padding:0;
		border-bottom: 2px solid #624b78;
	}

	.home-landing-container {
		flex-direction: column;
		padding: 0;
		text-align: center;
		width: 400px;
		margin: 50px auto;
	}

	.home-illustration-container {
		width: 60%;
	}

	.home-stroke-container-outer {
		border: 2px solid #ffdc32;
		padding: 5px;
		margin: 20px 0;
	}

	.home-stroke-container-middle {
		border: 2px solid #ffdc32;
		padding: 4px;
	}

	.home-stroke-container-inner {
		border: 2px solid #ffdc32;
		padding: 30px;
	}

	.home-col-content {
		padding-left: 100px;
		width: 40%;
		margin:auto;
	}

	.home-interior-photo {
		width: 100%;
		height: 100%;
        background: url(../images/home-interior-01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.border-bottom-purple {
		border-bottom: 2px solid #624b78;
	}

	.landing-photo-about {
		width: 100%;
		height: 100%;
        background: url(../images/landing-about.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.icon {
		width: 80px;
		margin:auto;
	}

	.icon-menus {
		width: 80px;
		position: absolute;
		left: 100px;
		top: 1100px;
	}

	#about-illustration {
		position: relative;
		top: 75px;
		width: 180px;
		right: -20px;
	}

	.rule-header-yellow {
		width: 100%;
		margin:4px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-yellow-menus {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-press {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #bb9bc5;
	}

	.landing-photo-breakfast {
		width: 100%;
		height: 100%;
        background: url(../images/landing-breakfast.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.menu-content-container {
		width: 100%;
		padding:0 200px 0px 200px;
		text-align: center;
	}

	.landing-photo-dessert-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-dessert-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-dessert-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-dessert-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-b {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-brunch-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-brunch-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-takeaway {
		width: 100%;
		height: 100%;
        background: url(../images/landing-takeaway.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.landing-photo-grabgo {
		width: 100%;
		height: 100%;
        background: url(../images/landing-grabgo.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-lunch-dinner-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-lunch-dinner-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	.contact-landing-container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		text-align: center;
		align-items: center;
	}

	.contact-landing {
		display: flex;
		flex-wrap: nowrap;
		background-color: #bb9bc5;
		padding: 40px 0;
		justify-content: space-around;
		border-bottom: 2px solid #624b78;
	}

	#contact-illustration-a {
		width: 350px;
		margin:auto;
	}

	#contact-illustration-b {
		width: 150px;
		margin:auto;
	}

	.contact-button-outer {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
		margin:auto auto 20px auto;
	}

	.contact-button-middle {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
	}

	.contact-button-inner {
		border:1px solid white;
		padding: 10px;
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		line-height: 1.4rem;
		letter-spacing: .08rem;
		color:white;
		text-align: center;
		display: inline-block;
		white-space: nowrap;
	}

	.contact-button-inner:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.contact-order {
		border:1px solid #ffdc32;
		color:#624b78;
		white-space: nowrap;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.7rem;
		line-height: .5rem;
		padding: 18px 12px 12px 12px;
		display: inline-block;
		margin-top: 20px;
	}

	.contact-order:hover {
		text-decoration: none;
		color:#ffdc32;
	}

	#badge-contact {
		width: 90px;
		margin: 10px auto;
	}

	.contact-interior-container {
		display: flex;
		flex-wrap: nowrap;
		padding:30px 100px;
	}

	.contact-hours-outer {
		border: 1px solid #ffdc32;
		padding: 4px;
		margin: 20px 40px 20px 10px;
	}

	.contact-hours-middle {
		border: 1px solid #ffdc32;
		padding: 4px;
	}

	.contact-hours-inner {
		border: 1px solid #ffdc32;
		padding: 20px;
		text-align: center;
	}

	#contact-rule {
		width: 300px;
		margin:15px auto 20px auto;
	}

	.center {
		text-align: center;
		margin:auto;
	}

	.landing-photo-contact {
		width: 100%;
		height: 100%;
        background: url(../images/landing-contact.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	#events-illustration {
		position: relative;
		top: 85px;
		width: 140px;
		right: -20px;
	}

	.landing-photo-events {
		width: 100%;
		height: 100%;
        background: url(../images/landing-events-c.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}







	/*GALLERY STYLES*/

	.lightbox {
		height: 100%;
		width: 100%;
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none!important;
		padding: 0!important;
	}

	.card {
		height: 100%;
		width: 100%;
		border-radius: 0;
		padding: 0;
		margin:0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none!important;
	}

	.gallery-row {
		width: 100%;
		display: flex;
		height: 500px;
		flex-wrap: nowrap;
	}

	.gallery-split {
		width: 50%;
		height: 100%;
		border-top:3px solid white;
		border-bottom:3px solid white;
	}

	#gallerycontainer {
		width: 100%;
		margin:0;
		text-align: center;
	}

	.gallery-border {
		border-right:3px solid white;
	}

	.baguetteBox-button {
		background-color: rgba(50,50,50,.001)!important;
	}

	.gallery-01 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-02 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-03 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-04 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-05 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_05.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-06 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_06.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-07 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_07.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-08 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_08.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-09 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_09.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-10 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-11 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_11.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-12 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_12.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-13 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_13.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-14 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_14.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-15 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_15.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-16 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_16.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-17 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_17.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-18 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_18.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-19 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_19.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-20 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_20.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	






	/*FOOTER STYLES*/

	footer {
		padding: 30px 75px;
	}

	.footer-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	.footer-row-links {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 20px auto 10px auto;
		width: 100%;
	}

	.footer-col-left {
		width: 16%;
	}

	.footer-time-badge {
		width: 120px;
		
	}

	.footer-col-center {
		width: 62%;
	}

	.footer-col-right {
		width: 22%;
	}

	.footer-rule-small {
		display: none;
	}

	.footer-rule {
		width: 100%;
		margin: 20px auto;
	}

	.footer-rule-large {
		display: none;
	}

	.footer-social-container {
		display: flex;
		justify-content: space-between;
	}

	#footer-lemon {
		width: 120px;
		margin-left: 30px;
	}

	.footer-social-link {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.2rem;
		line-height: 2rem;
		color: #ffdc32;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.footer-social-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.footer-button-outer {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-middle {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-inner {
		border:1px solid #bb9bc5;
		padding: 8px;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .1rem;
		font-size: 1rem;
		line-height: 1.2rem;
		color:#624b78;
		display: inline-block;
	}

	.footer-button-inner:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-hours {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .85rem;
		letter-spacing: .07rem;
		line-height: 1.5rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-hours-bold {
		font-family: lora,serif;
		font-weight: 700;
		font-style: italic;
		color:#624b78;
		font-size: .85rem;
		letter-spacing: .07rem;
		line-height: 1.5rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-address {
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		color:#624b78;
		text-align: center;
	}

	.footer-address:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-rule-vertical {
		height: 56px;
		width: 1px;
		border-right: 2px solid #ffdc32;
	}

	.footer-grid {
		width: 100%;
		height: 60px;
		border-top: 2px solid #624b78;
		border-bottom: 2px solid #624b78;
	}

	.footer-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}




	/*BUTTON STYLES*/

	.button-purple-light {
		background-color: #bb9bc5;
		color:white;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: .5rem;
		padding: 16px 12px 12px 12px;
		display: inline-block;
		margin-top: 5px;
	}

	.button-purple-light:hover {
		background-color: #624b78;
		text-decoration: none;
		color: white;
	}

	.button-events {
		color:#624b78;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: 1.3rem;
		padding: 16px 12px 12px 12px;
		display: block;
		border:2px solid #bb9bc5;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 50px;
	}

	.button-events:hover {
		color:#bb9bc5;
		text-decoration: none;
	}



	/*EVENTS STYLES*/

	.event-header {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2.1rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		display: inline-block;
		margin: 0px auto 10px auto;
	}

	.copy-container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.events-rule {
		border-top: 2px solid #FFDC32;
		margin: 50px 0;
	}

	.event-link {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
		text-decoration: underline;
	}

	.event-link:hover {
		color:#FFDC32;
	}

	.event-column {
		display: flex;
		justify-content: center;
		align-content: center;
		padding: 50px;
		min-height: 400px;
		border-bottom: 2px solid #624B78;
	}

	.event-tile-text {
		margin: auto;
		text-align: justify;
		width: 450px;
	}

	.event-tile-photo-01 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-02 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-03 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-04 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}






	/*TYPOGRAPHIC STYLES*/


	.bottle-menu {
		font-family: 'Boita-Regular';
		color: #624b78;
		font-size: 1rem;
		line-height: 1.5rem;
		margin-top: 10px;
	}

	.bottle-menu span a {
		color: #624b78;
	}

	.body-copy {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .07rem;
		line-height: 1.5rem;
		text-align: justify;
	}

	.home-col-content h3 {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 10px;
	}

	.home-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.1rem;
		line-height: 2rem;
		color: #624b78;
		white-space: nowrap;
	}

	.home-address:hover {
		color: white;
		text-decoration: none;
	}

	.home-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.9rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 8px auto 0 auto;
		display: inline-block;
	}

	.home-address-sans:hover {
		color: white;
		text-decoration: none;
	}

	.home-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.9rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 4px auto 0 auto;
		display: inline-block;
	}

	.home-phone:hover {
		color: white;
		text-decoration: none;
	}

	.home-sorento {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 1.7rem;
		color: white;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.interior-header-script {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 4.5rem;
		line-height: 3rem;
		color: #695981;
		margin-bottom: 0;
	}

	.menus-link {
		font-family: 'Boita-Regular';
		font-size: 1.6rem;
		letter-spacing: .08rem;
		color:white;
		margin-bottom: 40px;
		display: inline-block;
	}

	.menus-link:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.menu-section {
		color:#624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 3rem;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.menu-copy {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		display: block;
		text-transform: uppercase;
	}

	.menu-description {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		font-size: .9rem;
		line-height: 1.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto 15px auto;
		display: block;
		text-transform: none!important;
	}

	.menus-divider {
		border-top:1px solid #ffdc32;
		width: 100%;
		opacity: 1;
		margin: 30px 0;
	}

	.contact-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 2.8rem;
		line-height: 2rem;
		color: #624b78;
	}

	.contact-address:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 2.2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 10px auto 0 auto;
		display: inline-block;
	}

	.contact-address-sans:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 2rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
		display: inline-block;
	}

	.contact-phone:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-social {
		font-family: 'Boita-Regular';
		font-size: 1.4rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a {
		font-family: 'Boita-Regular';
		font-size: 1.4rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-events {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.5rem;
		line-height: 1.7rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.contact-hour-header {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 2rem;
		color: #bb9bc5;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
		white-space: nowrap;
	}

	.contact-hours {
		font-family: 'Boita-Regular';
		font-size: .9rem;
		line-height: 1.7rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		white-space: nowrap;
	}

	.press-box {
		height: 100px;
	}

	.press-link {
		font-family: 'Boita-Regular';
		font-size: 1.6rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 40px;
		display: inline-block;
	}

	.press-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.event-callout {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
	}

	


	/*HIDDEN STYLES*/

	.mobile-small-only {
		display: none;
	}


	.navbar-collapsed {
		display: none;
	}

	#nav-logo {
		display: none;
	}

	.nav-logo {
		display: none;
	}

	.hide-non-mobile {
		display: none;
	}

	#home-landing-illustration-mobile {
		display: none;
	}

	.interior-illustrations {
		display: none;
	}

	.footer-mobile-container {
		display: none;
	}

	.desktop-only {
		display: none;
	}



}



























/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.info-banner {
		width: 100%;
		display: flex;
		background-color: #ffdc32;
		border-bottom: 2px solid #624b78;
	}

	.info-banner div {
		margin: auto;
		width: 1100px;
		padding: 14px 14px 17px 14px;
	}

	.banner-text {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color: #624b78;
		margin: auto;
		margin-bottom: 0;
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .07rem;
		text-align:center;
	}

	/*HEADER STYLES*/

	.navbar-expanded {
		padding: 3px 0;
		background-color: white;
		width: 100%;
		border-bottom: 2px solid #624b78;
	}

	.nav-expanded-container {
		width: 100%;
		padding: 10px 0;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		align-items: center;
		border-bottom: 2px solid #624b78;
	}

	.nav-link {
		color: #624b78;
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 2rem;
		padding: 4px;
		margin-top: 6px;
	}

	.nav-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.nav-link-reservations {
		color: #624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: .8rem;
		line-height: .85rem;
		text-transform: uppercase;
		letter-spacing: .2rem;
		border: 1px solid #624b78;
		padding: 8px;
		display: inline-block;
	}

	.nav-link-reservations:hover {
		color: #ffdc32;
		text-decoration: none;
		cursor: pointer;
		border: 1px solid #ffdc32;
	}

	.header-grid {
		width: 100%;
		height: 60px;
		border-bottom: 2px solid #624b78;
	}

	.interior-header-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}






	/*GLOBAL STYLES*/

	.two-col-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
	}

	.two-col {
		width: 50%;
	}

	.interior-landing-photo {
		width: 100%;
		height: 500px;
		border-bottom: 2px solid #624b78;
		display: flex;
		flex-wrap: nowrap;
	}

	.interior-header-container {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		height:130px;
	}

	.landing-photo-split {
		width: 50%;
	}

	.interior-header-column:nth-child(1) {
		width: 30%;
		text-align: center;
	}
	.interior-header-column:nth-child(2) {
		width: 40%;
		text-align: center;
	}
	.interior-header-column:nth-child(3) {
		width: 30%;
		text-align: center;
	}

	.copy-section {
		width: 100%;
		padding: 50px 350px 20px 350px;
	}

	.menus-section {
		background-color: #bb9bc5;
		padding:10px 150px 10px 120px;
		border-bottom: 2px solid #624b78;
	}

	.menus-section-interior {
		background-color: #bb9bc5;
		padding:45px 100px 10px 100px;
		border-bottom: 2px solid #624b78;
	}

	.menus-container {
		display: flex;
		flex-wrap: nowrap;
	}

	.menus-column {
		width: 33.333%;
		padding: 0 25px;
	}

	.contact-press-container {
		padding:0 100px;
		display: flex;
		flex-wrap: nowrap;
	}








	/*INTERIOR ELEMENTS*/

	#home-landing-illustration {
		position: relative;
		left: 0;
		width: 100%;
		top: 0;
	}

	#home-badge {
		width: 110px;
		position: absolute;
		left: 50px;
		top: 470px;
	}

	#home-logo {
		width: 300px;
		margin-bottom: 10px;
	}

	#home-logo-yellow {
		display: none;
	}

	.home-landing-section {
		display: flex;
		flex-wrap: nowrap;
		align-content: center;
		padding:0;
		border-bottom: 2px solid #624b78;
	}

	.home-landing-container {
		flex-direction: column;
		padding: 0;
		text-align: center;
		width: 500px;
		margin: 50px auto;
	}

	.home-illustration-container {
		width: 60%;
	}

	.home-stroke-container-outer {
		border: 2px solid #ffdc32;
		padding: 5px;
		margin: 20px 0;
	}

	.home-stroke-container-middle {
		border: 2px solid #ffdc32;
		padding: 5px;
	}

	.home-stroke-container-inner {
		border: 2px solid #ffdc32;
		padding: 30px;
	}

	.home-col-content {
		padding-left: 120px;
		width: 40%;
		margin:auto;
	}

	.home-interior-photo {
		width: 100%;
		height: 100%;
        background: url(../images/home-interior-01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.border-bottom-purple {
		border-bottom: 2px solid #624b78;
	}

	.landing-photo-about {
		width: 100%;
		height: 100%;
        background: url(../images/landing-about.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.icon {
		width: 90px;
		margin:auto;
		display: inline-block;
		cursor: pointer;
	}

	.icon:hover {
		cursor: pointer;
	}

	.icon-menus {
		width: 80px;
		position: absolute;
		left: 100px;
		top: 1100px;
	}

	#about-illustration {
		position: relative;
		top: 85px;
		width: 210px;
		right: -20px;
	}

	.rule-header-yellow {
		width: 100%;
		margin:4px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-yellow-menus {
		width: 100%;
		margin:10px 0;
		border-top: 1px solid #ffdc32;
	}

	.rule-press {
		width: 100%;
		margin:10px 0;
		border-top: 2px solid #bb9bc5;
	}

	.landing-photo-breakfast {
		width: 100%;
		height: 100%;
        background: url(../images/landing-breakfast.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.menu-content-container {
		width: 700px;
		margin: 0 auto;
		text-align: center;
	}

	.landing-photo-dessert-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-dessert-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-dessert-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-dessert-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-cocktail-b {
		width: 100%;
		height: 100%;
        background: url(../images/landing-cocktail-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-brunch-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-brunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-brunch-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-takeaway {
		width: 100%;
		height: 100%;
        background: url(../images/landing-takeaway.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.landing-photo-grabgo {
		width: 100%;
		height: 100%;
        background: url(../images/landing-grabgo.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-a {
		width: 100%;
		height: 100%;
        background: url(../images/landing-lunch-dinner-a.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.landing-photo-lunch-b {
		width: 100%;
		height: 100%;
		border-left: 4px solid white;
        background: url(../images/landing-lunch-dinner-b.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	.contact-landing-container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		text-align: center;
		align-items: center;
	}

	.contact-landing {
		display: flex;
		flex-wrap: nowrap;
		background-color: #bb9bc5;
		padding: 40px 0;
		justify-content: space-around;
		border-bottom: 2px solid #624b78;
	}

	#contact-illustration-a {
		width: 420px;
		margin:auto;
	}

	#contact-illustration-b {
		width: 220px;
		margin:auto;
	}

	.contact-button-outer {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
		margin:auto auto 20px auto;
	}

	.contact-button-middle {
		border:1px solid white;
		padding: 2px;
		display: inline-block;
	}

	.contact-button-inner {
		border:1px solid white;
		padding: 12px;
		font-family: 'Boita-Regular';
		font-size: 1.9rem;
		line-height: 1.4rem;
		letter-spacing: .08rem;
		color:white;
		text-align: center;
		display: inline-block;
		white-space: nowrap;
	}

	.contact-button-inner:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.contact-order {
		border:1px solid #ffdc32;
		color:#624b78;
		white-space: nowrap;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.9rem;
		line-height: .7rem;
		padding: 20px 12px 12px 12px;
		display: inline-block;
		margin-top: 15px;
	}

	.contact-order:hover {
		text-decoration: none;
		color:#ffdc32;
	}

	#badge-contact {
		width: 105px;
		margin: 10px auto;
	}

	.contact-interior-container {
		display: flex;
		flex-wrap: nowrap;
		padding:30px 150px;
		justify-content: center;
	}

	.contact-hours-outer {
		border: 1px solid #ffdc32;
		padding: 4px;
		margin: 20px auto;
	}

	.contact-hours-middle {
		border: 1px solid #ffdc32;
		padding: 4px;
	}

	.contact-hours-inner {
		border: 1px solid #ffdc32;
		padding: 20px 40px;
		text-align: center;
	}

	#contact-rule {
		width: 300px;
		margin:15px auto 20px auto;
	}

	.center {
		text-align: center;
		margin:auto;
		display: flex;
		flex-direction: column;
	}

	.landing-photo-contact {
		width: 100%;
		height: 100%;
        background: url(../images/landing-contact.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	#events-illustration {
		position: relative;
		top: 85px;
		width: 140px;
		right: -20px;
	}

	.landing-photo-events {
		width: 100%;
		height: 100%;
        background: url(../images/landing-events-c.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}







	/*GALLERY STYLES*/

	.lightbox {
		height: 100%;
		width: 100%;
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none!important;
		padding: 0!important;
	}

	.card {
		height: 100%;
		width: 100%;
		border-radius: 0;
		padding: 0;
		margin:0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none!important;
	}

	.gallery-row {
		width: 100%;
		display: flex;
		height: 600px;
		flex-wrap: nowrap;
	}

	.gallery-split {
		width: 50%;
		height: 100%;
		border-top:4px solid white;
		border-bottom:4px solid white;
	}

	#gallerycontainer {
		width: 100%;
		margin:0;
		text-align: center;
	}

	.gallery-border {
		border-right:4px solid white;
	}

	.baguetteBox-button {
		background-color: rgba(50,50,50,.001)!important;
	}

	.gallery-01 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-02 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-03 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-04 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-05 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_05.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-06 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_06.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-07 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_07.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-08 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_08.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-09 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_09.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}
	
	.gallery-10 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_10.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-11 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_11.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-12 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_12.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-13 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_13.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-14 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_14.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-15 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_15.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-16 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_16.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-17 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_17.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-18 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_18.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-19 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_19.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}

	.gallery-20 {
		width: 100%;
		height: 100%;
        background: url(../images/gallery_20.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}







	/*FOOTER STYLES*/

	footer {
		padding: 30px 120px 40px 120px;
	}

	.footer-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	.footer-row-links {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 20px auto 10px auto;
		width: 100%;
	}

	.footer-col-left {
		width: 16%;
	}

	.footer-time-badge {
		width: 120px;
		
	}

	.footer-col-center {
		width: 62%;
	}

	.footer-col-right {
		width: 22%;
	}

	.footer-rule-small {
		display: none;
	}

	.footer-rule {
		/*width: 100%;
		margin: 20px auto;*/
		display: none;
	}

	.footer-rule-large {
		width: 100%;
		margin: 30px auto;
	}

	.footer-social-container {
		display: flex;
		justify-content: space-between;
	}

	#footer-lemon {
		width: 140px;
		margin-left: 50px;
	}

	.footer-social-link {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.8rem;
		line-height: 2rem;
		color: #ffdc32;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.footer-social-link:hover {
		color: #bb9bc5;
		text-decoration: none;
	}

	.footer-button-outer {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-middle {
		border:1px solid #bb9bc5;
		padding: 2px;
	}

	.footer-button-inner {
		border:1px solid #bb9bc5;
		padding: 8px;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .1rem;
		font-size: 1.1rem;
		line-height: 1.2rem;
		color:#624b78;
		display: inline-block;
	}

	.footer-button-inner:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-hours {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .07rem;
		line-height: 1.6rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-hours-bold {
		font-family: lora,serif;
		font-weight: 700;
		font-style: italic;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .07rem;
		line-height: 1.6rem;
		text-align: center;
		margin:0 auto;
	}

	.footer-address {
		font-family: 'Boita-Regular';
		font-size: 1.15rem;
		letter-spacing: .08rem;
		color:#624b78;
		text-align: center;
	}

	.footer-address:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.footer-rule-vertical {
		height: 70px;
		width: 1px;
		border-right: 2px solid #ffdc32;
	}

	.footer-grid {
		width: 100%;
		height: 60px;
		border-top: 2px solid #624b78;
		border-bottom: 2px solid #624b78;
	}

	.footer-grid-4 {
		width: 100%;
		height: 100%;
        background: url(../images/grid-4.svg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center center;
	}




	/*BUTTON STYLES*/

	.button-purple-light {
		background-color: #bb9bc5;
		color:white;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.6rem;
		line-height: .5rem;
		padding: 16px 12px 12px 12px;
		display: inline-block;
		margin-top: 10px;
	}

	.button-purple-light:hover {
		background-color: #624b78;
		text-decoration: none;
		color: white;
	}

	.button-events {
		color:#624b78;
		font-family: 'Estilo';
		letter-spacing: .1rem;
		font-size: 1.5rem;
		line-height: 1.3rem;
		padding: 16px 12px 12px 12px;
		display: block;
		border:2px solid #bb9bc5;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 50px;
	}

	.button-events:hover {
		color:#bb9bc5;
		text-decoration: none;
	}



	/*EVENTS STYLES*/

	.event-header {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2.1rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		display: inline-block;
		margin: 0px auto 10px auto;
	}

	.copy-container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.events-rule {
		border-top: 2px solid #FFDC32;
		margin: 50px 0;
	}

	.event-link {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
		text-decoration: underline;
	}

	.event-link:hover {
		color:#FFDC32;
	}

	.event-column {
		display: flex;
		justify-content: center;
		align-content: center;
		padding: 50px;
		min-height: 400px;
		border-bottom: 2px solid #624B78;
	}

	.event-tile-text {
		margin: auto;
		text-align: justify;
		width: 450px;
	}

	.event-tile-photo-01 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_01.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-02 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_02.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-03 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_03.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}

	.event-tile-photo-04 {
		width: 100%;
		height: 100%;
		border-bottom: 2px solid #624B78;
        background: url(../images/events_tile_04.jpg) no-repeat center center ; 
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
        	object-fit: cover;
        	background-position: center bottom;
	}







	/*TYPOGRAPHIC STYLES*/

	

	.bottle-menu {
		font-family: 'Boita-Regular';
		color: #624b78;
		font-size: 1rem;
		line-height: 1.5rem;
		margin-top: 10px;
	}

	.bottle-menu span a {
		color: #624b78;
	}

	.body-copy {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		color:#624b78;
		font-size: .9rem;
		letter-spacing: .07rem;
		line-height: 1.5rem;
		text-align: justify;
	}

	.home-col-content h3 {
		font-family: 'Boita-Regular';
		font-size: 1.8rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 14px;
	}

	.home-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.8rem;
		line-height: 2.3rem;
		color: #624b78;
	}

	.home-address:hover {
		color: white;
		text-decoration: none;
	}

	.home-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 2.3rem;
		line-height: 1.5rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: -5px auto 0 auto;
	}

	.home-address-sans:hover {
		color: white;
		text-decoration: none;
	}

	.home-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2.1rem;
		line-height: 2.1rem;
		color: #624b78;
		letter-spacing: .1rem;
		display: inline-block;
		margin: 6px auto 0 auto;
	}

	.home-phone:hover {
		color: white;
		text-decoration: none;
	}

	.home-sorento {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 2rem;
		line-height: 2rem;
		color: white;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.interior-header-script {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 4.8rem;
		line-height: 3.5rem;
		color: #695981;
		margin-bottom: 0;
	}

	.menus-link {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		letter-spacing: .08rem;
		color:white;
		margin-bottom: 40px;
		display: inline-block;
	}

	.menus-link:hover {
		color:#ffdc32;
		text-decoration: none;
	}

	.menu-section {
		color:#624b78;
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.7rem;
		line-height: 3rem;
		letter-spacing: .1rem;
		margin: 0 auto;
	}

	.menu-copy {
		font-family: 'Boita-Regular';
		font-size: 1.1rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		display: block;
		text-transform: uppercase;
	}

	.menu-description {
		font-family: lora,serif;
		font-weight: 400;
		font-style: normal;
		font-size: .9rem;
		line-height: 1.5rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto 15px auto;
		display: block;
		text-transform: none!important;
	}

	.menus-divider {
		border-top:1px solid #ffdc32;
		width: 100%;
		opacity: 1;
		margin: 30px 0;
	}

	.contact-address {
		font-family: 'LuciaBTWXX-Regular';
		font-size: 3.3rem;
		line-height: 2.4rem;
		color: #624b78;
	}

	.contact-address:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-address-sans {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 2.2rem;
		line-height: 2.4rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 10px auto 0 auto;
		display: inline-block;
	}

	.contact-address-sans:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-phone {
		font-family: 'EngraversRomanBT-Regular';
		letter-spacing: .01rem;
		font-size: 1.9rem;
		line-height: 2.4rem;
		color: #624b78;
		letter-spacing: .1rem;
		margin: 0px auto 0 auto;
		display: inline-block;
	}

	.contact-phone:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-social {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a {
		font-family: 'Boita-Regular';
		font-size: 1.7rem;
		line-height: 2.5rem;
		letter-spacing: .08rem;
		color:white;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.contact-social a:hover {
		color: #ffdc32;
		text-decoration: none;
	}

	.contact-events {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 1.9rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.6rem;
		line-height: 1.9rem;
		color: #624b78;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
	}

	.contact-events-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.contact-hour-header {
		font-family: 'Estilo';
		letter-spacing: .01rem;
		font-size: 1.9rem;
		line-height: 2rem;
		color: #bb9bc5;
		letter-spacing: .1rem;
		text-align: center;
		margin:0 auto;
		white-space: nowrap;
	}

	.contact-hours {
		font-family: 'Boita-Regular';
		font-size: .95rem;
		line-height: 1.8rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin: 0 auto;
		white-space: nowrap;
	}

	.press-box {
		height: 100px;
	}

	.press-link {
		font-family: 'Boita-Regular';
		font-size: 1.6rem;
		letter-spacing: .08rem;
		color:#624b78;
		margin-bottom: 40px;
		display: inline-block;
	}

	.press-link:hover {
		color:#bb9bc5;
		text-decoration: none;
	}

	.event-callout {
		color:#624b78;
		font-family: 'Boita-Regular';
		font-size: 1.05rem;
		letter-spacing: .08rem;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0;
	}

	


	/*HIDDEN STYLES*/

	.mobile-small-only {
		display: none;
	}


	.navbar-collapsed {
		display: none;
	}

	#nav-logo {
		display: none;
	}

	.nav-logo {
		display: none;
	}

	.hide-non-mobile {
		display: none;
	}

	#home-landing-illustration-mobile {
		display: none;
	}

	.interior-illustrations {
		display: none;
	}

	.footer-mobile-container {
		display: none;
	}



}