@font-face {
  font-family: 'Doctor';
  src: url('fonts/Doctor.eot?#iefix') format('embedded-opentype'),  url('fonts/Doctor.woff') format('woff'), url('fonts/Doctor.ttf')  format('truetype'), url('fonts/Doctor.svg#Doctor') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Doctor') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf')  format('truetype'), url('fonts/Gotham-Medium.svg#Doctor') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,html {
	font-family: 'Gotham-Book';
	background:#160803;
}

a,a img {
	text-decoration: none;
	transition: color 0.5s, background-color 0.5s, border-color 0.5s, opacity 0.5s;
	-webkit-transition: color 0.5s, background-color 0.5s, border-color 0.5s, opacity 0.5; /* Safari */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

header {
	width:100%;
	position:fixed;
	padding-top:50px;
	z-index:1000;
}

h1,p,h2{
	width:100%;
	float:left;
}

.text-bold {
	font-family: 'Gotham-Medium';
}

.content-wrapper h2 {
	max-width:none;
	width:100%;
}

.col-wrapper {
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}

.col-wrapper p,.col-wrapper img {
	float:left;
}

.col-wrapper p {
	width:340px;
	margin-bottom:0;
}

.p-left p{
	margin-right:40px;
}

#vid-wrapper iframe {
	margin-bottom:10px;
}

h3 {
	font-size:16px;
	line-height:22px;
	font-family: 'Gotham-Medium';
	margin-bottom:5px;
}

h4 {
	font-size:13px;
	color:#ccc;
}

h1,h2 {
	font-size:40px;
	color:#8B0E04;
	font-family: 'Doctor';
	margin-top:25px;
}

h2 {
	margin-top:0;
}

hr {
	border:none;
	height:1px;
	width:100%;
	background:#fff;
	opacity:.2;
	margin:0;
}

h5 {
	color:#fff;
	font-family: 'Gotham-Medium';
	margin-top:15px;
	margin-bottom:0px;
	float:left;
	font-size:17px;
}

p {
	font-size:17px;
	line-height:30px;
	color:#111;
	margin-top:15px;
	margin-bottom:0px;
}

.hidden {
	display:none;
}

.text-white {
	color:#fff;
}

#header-ground {
	background-color:#695E4A;
	width:100%;
	height:0;
	position:absolute;
	top:0;
	z-index:0;
}

#logo {
	width:200px;
	height:45px;
	background:url(../img/logo.png) center center no-repeat;
	background-size: 100% auto;
	float:left;
	margin:0 0 0 70px;
	position:relative;
	z-index:1;
}

a#menu-btn {
	width:35px;
	height:20px;
	position:absolute;
	top:22px;
	right:20px;
	z-index:1001;
	display:none;
}

.burger-line {
	height:2px;
	background:#fff;
	position:absolute;
	right:0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

#burger-1 {
	width:60%;
}

#burger-2 {
	top:50%;
	margin-top:-1px;
	width:100%;
}

#burger-3 {
	bottom:0;
	width:80%;
}

#main-menu {
	position:absolute;
	width:700px;
	left:50%;
	margin-left:-350px;
	top:65px;
	text-align: center;
	z-index:1;
}

#main-menu a{
	color:#fff;
	display:inline-block;
	margin:0 20px;
	font-family: 'Gotham-Medium';
	font-size:13px;
}

#main-menu a:hover{
	color:#8B0E04;
}

#gift-cards,a#back-to-top,a#reserve-table {
	border:2px solid #fff;
	color:#fff;
	font-family: 'Gotham-Medium';
	font-size:13px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#gift-cards:hover,a#back-to-top:hover,a#reserve-table:hover {
	background-color:#8B0E04;
	border-color:#8B0E04;
}

a#phone-number {
	background:url(../img/phone-icon.png) center left no-repeat;
	float:right;
	margin:6px 70px 0 0;
	padding:2px 0 0 30px;
	color:#fff;
	font-family:'Gotham-Book';
	font-size:15px;
	line-height:31px;
	width:auto;
	z-index:1;
	position:relative;
}

a#back-to-top {
	position:absolute;
	bottom:0;
	right:0;
	padding:9px 35px 10px 15px;
	background:url(../img/arrow-up.png) center right no-repeat;
	background-size:25px auto;
}

a#reserve-table {
	padding:8px 15px 10px;
	float:left;
	margin:30px 0 0 30px;
}

#top {
	width:100%;
	height:1000px;
	background:url(../img/top-ground.jpg) center center no-repeat #000;
	background-attachment: fixed;
	background-size: cover;
	float:left;
	position:relative;
	opacity:0;
}

#promo {
	position:absolute;
	left:0;
	bottom:0;
	padding:15px;
	color:#fff;
	width:290px;
	background:#8B0E04;
}

#promo p {
	color:#ccc;
	font-size:12px;
	line-height:1.35;
	margin:0;
}

/*#promo p a {
	color:#ccc;
	font-family: 'Gotham-Medium';
}

#promo p a:hover {
	color:#fff;
}*/

#promo:hover {
	background:#680904;
}

#readers-choice{
	position: absolute;
	top: 95px;
	right: 95px;
}

.testimonial {
	width:480px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-240px;
	top:40%;
	text-align:center;
	color:#E8DFD6;
}

.quote {
	font-family: 'Doctor';
	font-size:45px;
}

.author {
	font-size:16px;
	display:block;
	margin-top:10px;
	font-style: italic;
}

#scroll-hint {
	width:22px;
	height:15px;
	position:absolute;
	bottom:70px;
	left:50%;
	margin-left:-11px;
	background:url(../img/down-arrow.png) center center no-repeat;
	background-size: 60% auto;
	-webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite;
    padding:10px;
}

@keyframes flickerAnimation {
  0%   { opacity:1;bottom:60px; }
  50%  { opacity:.2;bottom:70px; }
  100% { opacity:1;bottom:60px; }
}

@-o-keyframes flickerAnimation{
  0%   { opacity:1;bottom:60px; }
  50%  { opacity:.2;bottom:70px; }
  100% { opacity:1;bottom:60px; }
}

@-moz-keyframes flickerAnimation{
  0%   { opacity:1;bottom:60px; }
  50%  { opacity:.2;bottom:70px; }
  100% { opacity:1;bottom:60px; }
}

@-webkit-keyframes flickerAnimation{
  0%   { opacity:1;bottom:60px; }
  50%  { opacity:.2;bottom:70px; }
  100% { opacity:1;bottom:60px; }
}

.content-wrapper {
	width:65%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	position:relative;
}

.col-2 {
	width:48%;
	float:left;
	margin-bottom:0;
}

.col-2:first-of-type {
	margin-right:4%;
}

.col-2 h2 {
	margin-top: 25px;
}

.col-2 img {
	width:100%;
	margin-bottom:2%;
}

.col-2 p:last-of-type {
	margin-bottom:0;
}

#purchase-gift-card {
	width:100%;
	height:auto;
	margin-top:40px;
	float:left;
}

#purchase-gift-card input,#purchase-gift-card select,#purchase-gift-card textarea{
	width:100%;
	padding:10px;	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	font-size:15px;
  	font-family: 'Gotham-Book';
  	border:1px solid #ccc;
}

#purchase-gift-card textarea{
	height:90px;
}

#purchase-gift-card input[type="radio"] {
    float:left;
    width:20px;
    clear:both;
    margin-top:0;
}

#purchase-gift-card input:focus,#purchase-gift-card select:focus { 
	outline: none;
	border:1px solid #8B0E04;
}

#purchase-gift-card label{
	text-align:left;
	float:left;
	font-size:14px;
	font-family: 'Gotham-Medium';
	margin-bottom:8px;
}


#purchase-gift-card .input-wrapper {
	margin-bottom:30px;
	width:47%;
	float:left;
	margin-right:6%;
	clear:none;
}

#purchase-gift-card .input-wrapper:nth-child(even) {
	margin-right:0;
}

#make-reservations p{
	color:#fff;
}

#reservations {
	width:100%;
	height:auto;
	margin-top:20px;
	clear:both;
	display:none;
}

#reservations input,#reservations select{
	width:100%;
	padding:10px;	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	font-size:15px;
  	font-family: 'Gotham-Book';
  	border:1px solid rgba(255,255,255,.5);
  	background:none;
  	color:#fff;
}

#reservations input:focus,#reservations select:focus { 
	outline: none;
	border:1px solid rgba(255,255,255,1);
}

#reservations label{
	text-align:left;
	float:left;
	font-size:14px;
	font-family: 'Gotham-Medium';
	margin-bottom:8px;
	color:#efefef;
}


.input-wrapper {
	margin-bottom:30px;
	width:100%;
	float:left;
	clear:both;
}

a#submit,
a#submit-reservation {
	color:#8B0E04;
	padding: 9px 25px 10px;
	font-family: 'Gotham-Medium';
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	float:right;
	font-size:13px;
	border:2px solid #8B0E04;
}

a#submit:hover {
	background:#8B0E04;
	color:#fff;
}

#reservations a#submit-reservation {
	color:#fff;
	border-color:#fff;
}

#reservations a#submit-reservation:hover {
	background:#8B0E04;
	color:#fff;
	border-color:#8B0E04;
}

#purchase-gift-card .disclaimer {
	float:left;
	font-size:13px;
	width:auto;
	margin:0;
	text-align:left;
	font-style:italic;
}

#reservations .disclaimer {
	float:left;
	font-size:13px;
	width:auto;
	margin:0;
	text-align:left;
	font-style:italic;
	color:#fff;
}

.section {
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	padding:90px 0;
	overflow:hidden;
}

.gallery {
	padding:0;
	margin:-1px;
	overflow:hidden;
}

.gallery img {
	width:20%;
	float:right;
	margin:0;
}

.gallery img:first-of-type {
	width:40%;
}

#news {
	background:url(../img/events-ground.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height:auto;
}

#contact {
	background:url(../img/contact-ground-2.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height:auto;
}

p.copyright,p.copyright a {
	color:#fff;
	font-size:11px;
	line-height:18px;
	display:inline-block;
}

p.copyright {
	margin-top:50px;
	margin-bottom:0;
	float:left;
}

.event {
	width:100%;
	color:#fff;
	padding-bottom:20px;
	padding-top:20px;
	position:relative;
	float:left;
}

.event p a {
	color:#fff;
	font-family: 'Gotham-Medium';
	margin-top:20px;
	display:block;
}

.event h3 {
	 margin-right:40px;
}

p.event-info {
	font-size:14px;
	line-height:24px;
	color:#ccc;
	margin:20px 0;
}

.col-2 p:last-of-type.event-price {
	font-size:13px;
	color:#fff;
	margin:0 0 15px;
	font-family: 'Gotham-Medium';
}

#contact-info {
	margin-top:30px;
	margin-bottom:5px;
}

p.contact-detail {
	margin-bottom:5px;
	margin-top:0;
}

p.contact-detail a{
	color:#fff;
}

span.label {
	font-family: 'Gotham-Medium';
	width:160px;
	float:left;
}

p.sm-italic {
	font-style:italic;
	font-size:13px;
	line-height:18px;
	color:#fff;
	width:100%;
	
	margin:25px 0 40px;
	clear:both;
}

#social-links a{
	width:30px;
	height:30px;
	background:#fff;
	float:left;
	margin:3px 15px 0 0;
	margin-right:15px;
}

a#twitter {
	background:url(../img/twitter.png) center top no-repeat;
	background-size:100% auto;
}

a#facebook {
	background:url(../img/facebook.png) center top no-repeat;
	background-size:100% auto;
}

a#instagram {
	background:url(../img/instagram.png) center top no-repeat;
	background-size:100% auto;
}

#social-links a:hover {
	opacity:.3;
}

#social-links {
	clear:both;
	float:left;
	margin-top:30px;
}

a.expand-btn {
	width:25px;
	height:25px;
	position:absolute;
	top:23px;
	right:1px;
	background:url(../img/expand.png) no-repeat;
	background-size:100% auto;
}

a.expand-btn:hover {
	opacity:.3;
}

a.expand-btn.active {
	background-position:0 100%;
}

.menu {
	width:49.5%;
	height:130px;
	float:left;
	text-align:center;
	margin:0 1% 1% 0;
}

.menu:nth-child(even) {
	margin-right:0;
}

.menu a {
	width:84px;
	height:84px;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	background:#8B0E04;
	color:#fff;
	font-family: 'Doctor';
	display:inline-block;
	font-size:18px;
	line-height:84px;
	margin-top:23px;
}

.menu a:hover {
	color:#8B0E04;
	background:#fff;
}

#dinner {
	background:url(../img/menu-dinner.jpg) center center no-repeat;
	background-size: cover;
	/*width:100%;*/
}

#lunch {
	background:url(../img/menu-lunch.jpg) center center no-repeat;
	background-size: cover;
}

#wine {
	background:url(../img/menu-wine.jpg) center center no-repeat;
	background-size: cover;
}

#drinks {
	background:url(../img/menu-drinks.jpg) center center no-repeat;
	background-size: cover;
}

#dessert {
	background:url(../img/menu-dessert.jpg) center center no-repeat;
	background-size: cover;
}

p.p-kudos {
	margin-bottom:15px;
}

span.kudos-author {
	font-style: italic;
	display:block;
	font-size:12px;
	font-family: "Gotham-Medium";
	line-height:1.6;
}

#instafeed {
	float:left;
}

#instafeed a img {
	width:10%;
	float:left;
}

/*#instafeed a:first-of-type img {
	width:40%;
}*/

@media screen and (max-width: 1600px){
	.content-wrapper {
		width:70%;
	}
}

@media screen and (max-width: 1400px){
	.content-wrapper {
		width:80%;
	}

	#main-menu a {
		margin:0 10px;
	}
}

@media screen and (max-width: 1200px){
	.content-wrapper {
		width:90%;
	}

	#main-menu a {
		margin:0 5px;
	}

	a#gift-cards {
		margin-right:25px;
	}

	#logo {
		margin-left:25px;
		width:140px;
	}

	a#phone-number {
		margin-right:25px;
		font-size:15px;
	}

}

@media screen and (max-width: 1024px){
	#contact-info {
		width:100%;
	}
}

@media screen and (max-width: 1000px){
	.content-wrapper {
		width:92%;
	}
}

@media screen and (max-width: 900px){
	#promo {
		position:relative;
		left:auto;
		bottom:auto;
		float:left;
	}

	#main-menu,	a#gift-cards {
		display:none;
	}

	#main-menu {
		width:100%;
		top:70px !important;
		left:0;
		margin:0;
		background:#fff;
	}

	#main-menu a{
		color:#222;
		width:100%;
		text-align:center;
		padding:13px 0;
		border-bottom:1px solid #ddd;
		margin:0;
	}

	a#phone-number {
		margin-top:16px;
		font-size:12px;
		margin-right:70px;
		background-size: 16px 16px;
		padding-left:25px;
	}

	a#menu-btn {
		display:block;
	}

	#logo {
		width:150px;
		top:10px;
		margin-left:15px;
	}

	header {
		padding-top:0 !important;
	}

	#header-ground {
		height:70px !important;
	}

	.testimonial {
		position:relative;
		left:auto;
		width:96%;
		max-width:480px;
		margin:120px auto 120px;
		top:auto;
	}

	#top {
		height:auto !important;
		margin-top:70px;
		background:url(../img/top-ground-mobile.jpg) center center no-repeat;
		background-size:cover;
	}
	
	#readers-choice{
		top: 0px;
		right: 30px;
		height: 150px;
		width: 71px;
	}

	#about {
		background:url(../img/about-ground-mobile.jpg) center center no-repeat;
		background-size:cover;
	}

	#news {
		background:url(../img/events-ground-mobile.jpg) center center no-repeat;
		background-size:cover;
	}

	#contact {
		background:url(../img/contact-ground-mobile.jpg) center center no-repeat;
		background-size:cover;
	}

	.section {
		padding:60px 0;
	}

	.gallery {
		padding:0;
	}

	#scroll-hint {
		display:none;
	}

	p {
		font-size:15px;
		line-height:27px;
		margin-bottom:0;
	}
}

@media screen and (max-width: 750px){
	#kudos-img {
		display:none;
	}

	.col-2 h2 {
		margin-top: 0;
	}


	.col-2 {
		width:100%;
		margin:15px 0;
	}

	.col-wrapper {
		margin:0;
	}

	.col-wrapper p {
		width:100%;
	}

	.col-wrapper p,	.col-wrapper img {
		margin:30px 0 0;
	}

	.col-wrapper img {
		max-width:100%;
	}

	p {
		margin-bottom:40px;
	}

	a.expand-btn:hover {
		opacity:1;
	}

	.menu a:hover {
		color:#fff;
		background:#8B0E04;
	}

	a#back-to-top:hover {
		background-color:transparent;
		border-color:#fff;
	}

	#social-links a{
		width:25px;
		height:25px;
	}

	a#back-to-top {
		float:left;
		position:relative;
		clear:both;
		right:auto;
		margin-top:60px;
	}

	p.copyright {
		margin-top:40px;
	}
}

@media screen and (max-width: 700px){
	#purchase-gift-card {
		margin-top:0;
	}

	#purchase-gift-card .input-wrapper {
		width:100%;
		margin-right:0;
	}
	
	#readers-choice{
		top: 0px;
		right: 30px;
		height: 110px;
		width: 52px;
	}
}

@media screen and (max-width: 600px){
	.gallery img{
		float:left;
		width:33.333%;
	}

	.gallery img:first-of-type {
		width:100%;
	}

	.testimonial {
		margin:80px auto;
	}

	.quote {
		font-size:30px;
	}

	.author {
		font-size:13px;
	}

	h1,	h2 {
		font-size:35px;
	}

	h3 {
		font-size:14px;
		line-height:20px;
	}

	p.copyright {
		margin-top:40px;
	}
	
	#readers-choice{
		display: none;
	}
}

@media screen and (max-width: 500px){
	span.label {
		width:100%;
	}

	p.contact-detail {
		margin-bottom:15px;
		line-height:21px;
	}

	#logo {
		width:100px;
	}

	a#phone-number {
		font-size:10px;
		padding-left:18px;
		background-size:12px 12px;
	}

	a#reserve-table {
		margin-left:0;
		clear:both;
		margin-top:40px;
	}
}

@media screen and (max-width: 400px){
	.menu a{
		font-size:12px;
		width:55px;
		height:55px;
		line-height:55px;
		margin-top:20px;
	}

	.menu {
		height:95px;
	}

	p {
		font-size:14px;
		line-height:25px;
	}

	a.expand-btn {
		height:20px;
		width:20px;
		top:26px;
	}

	#purchase-gift-card .disclaimer {
		margin-bottom:25px;
		width:100%;
	}

	#purchase-gift-card a#submit {
		float:left;
	}


}

@media screen and (max-width: 320px){
	#logo {
		width:90px;
	}

	a#phone-number {
		display:none;
	}
}