html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clear {
  clear: both; }

a {
  text-decoration: none; }

body {
  font-family: "Raleway", Arial, sans-serif;
  background: #444; }
  
em {
	font-family: "Raleway Italic", sans-serif;
	font-style: italic;
}

.wrap {
  width: 985px;
  margin: 0 auto; }

#menu {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  position: fixed;
  width: 100%; }
  #menu a {
    color: #ccc;
    padding: 15px 20px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px; }
  #menu a:hover {
    color: #fff; }
  #menu .current {
    color: #d89466; }
  #menu .mobile-menu {
    display: none; }

.sticky-fix {
  width: 100%;
  height: 41px; }
  
  #logo img {
		margin: 20px 0 0 0;
	}

#mast {
  background: url("../images/header.jpg") center 50% no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 600px;
  text-align: center; }
  #mast h1 {
    color: #fff;
    font-size: 40px;
    padding: 80px 0 5px; }
    #mast h1 strong {
      color: #d89466;
      font-weight: 900; }
  #mast a {
    color: #fff; }
  #mast h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 3px;
    font-size: 12px;
    margin: 0 0 80px; }
  #mast .box {
    width: 475px;
    float: left;
    border: 4px solid white;
    border: 4px solid rgba(255, 255, 255, 0.5); }
    #mast .box h3 {
      color: #d89466;
      font-weight: 800;
      font-size: 35px;
      padding: 90px 0 15px;
      letter-spacing: 2px; }
    #mast .box a {
      color: #d89466; }
    #mast .box a:hover {
      color: #fff; }
    #mast .box p {
      font-size: 24px;
      color: #fff;
      padding: 0 40px 100px;
      line-height: 125%; }
  #mast .about {
    margin-right: 19px;
    background: url("../images/restaurant.jpg");
    background-size: 100%; }
  #mast .menus {
    background: url("../images/restaurant3.jpg");
    background-size: 100%; }

#mast.page {
  background: url("../images/header-page.jpg") no-repeat;
  background-size: 100%;
  height: 250px;
  background-position: center 30%; }

.bw {
  background: url("../images/accent-bg.jpg");
  background-size: 100%; }

.strap {
  background: url("../images/strap-bg.jpg");
  background-size: 100%; }

.info {
  background: url("../images/restaurant2.jpg") center;
  background-size: 100%;
  padding: 20px 0; }
  .info .map {
    float: left;
    width: 50%; }
    .info .map iframe {
      width: 100%; }
  .info .hours {
    float: right;
    width: 50%;
    font-size: 20px;
    color: #fff; }
    .info .hours h3 {
      padding: 20px 0;
	}
    .info .hours p {
      margin: 0 0 15px; }
      .info .hours p strong {
        font-weight: bold;
        color: #d89466; }

.accent {
  text-align: center; }
  .accent h3 {
    font-size: 40px;
    color: #fff;
    padding: 40px 0 20px;
    font-weight: 100;
    letter-spacing: 2px;
    width: 70%;
    margin: 0 auto;
    line-height: 125%; }
    .accent h3 strong {
      color: #d89466; }
	 .accent h4 {
    font-size: 32px;
    color: #fff;
    padding: 20px 0 20px;
    font-weight: 100;
    letter-spacing: 2px;
    width: 70%;
    margin: 0 auto;
    line-height: 125%; }
	.accent p {
		color: #fff !important;
		line-height: 150% !important;
		padding: 0 0 15px;}
	.accent p strong {
		font-weight: bold;
        color: #d89466;
	}
	.accent p a:link {
		color: #d89466;
	}
	.accent p a:visited {
		color: #d89466;
	}
	
	.accent p a:hover {
		color: #d89466;
		text-decoration: underline;
	}
	
	.accent p.btn a:hover {
		color: #FFF;
		text-decoration: none;
	}
		 

.strap h3 {
  padding-bottom: 50px; }

.btn {
  margin: 10px 0;
  display: inline-block; }
  .btn a {
    border: 2px solid #d89466;
	background-color: rgba(0, 0, 0, 0.4);
    padding: 15px 25px;
    text-transform: uppercase;
    font-size: 24px;
    color: #d89466;
    display: inline-block;
    letter-spacing: 2px; }
  .btn a:hover {
    color: #fff;
    border-color: #fff; }

.title {
  padding: 30px 0px;
  text-align: center;
  color: #000;
  font-size: 30px;
  font-weight: 500;
  background-color: #d89466;
  /* background-color: rgba(255, 207, 0, 0.7); */ }
  
 .title h1 {
	 color: #FFF;
 }

.content {
  background: url("../images/bg-page.jpg") no-repeat center top #3f2614;
  background-size: 100% auto; }
  .content .wrap {
    display: table; }
  .content .sidebar {
    width: 300px;
    background-color: #444444;
    background-color: rgba(68, 68, 68, 0.7);
    color: #fff;
    padding: 0 0 20px;
    display: table-cell;
    text-align: center; }
    .content .sidebar h2 {
      font-size: 25px;
      font-weight: bold;
      padding: 25px 25px 10px 25px;
      color: #d89466; }
    .content .sidebar p {
      padding: 0 25px 15px;
      line-height: 125%; }
    .content .sidebar .link {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 2px;
      margin: 15px auto 0;
      text-align: center;
      display: inline-block; }
      .content .sidebar .link a {
        border: 1px solid #d89466;
		background-color: rgba(0, 0, 0, 0.4);
        padding: 8px 10px;
        color: #d89466; }
      .content .sidebar .link a:hover {
        border-color: #fff;
        color: #fff; }
  .content .main {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    width: 685px;
    padding: 0 0 20px;
    display: table-cell;
    *float: left; }
    .content .main img {
      width: 100%;
      height: auto; }
    .content .main h2 {
      font-size: 25px;
      font-weight: bold;
      padding: 25px 25px 15px 25px;
      color: #000; }
    .content .main h3 {
      font-size: 21px;
      font-weight: bold;
      padding: 25px 25px 15px 25px; }
    .content .main h4 {
      font-size: 15px;
      font-weight: bold;
      padding: 10px 25px 15px 25px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .content .main h5 {
      padding: 10px 25px 15px 25px;
      font-weight: bold; }
    .content .main p {
      padding: 0 25px 15px;
      line-height: 125%; }
      .content .main p strong {
        font-weight: bold; }
    .content .main .menu blockquote {
      font-size: 12px;
      margin-top: -10px;
      font-style: italic; }
      .content .main .menu blockquote p {
        line-height: 125%; }
    .content .main .menu p {
      margin: 0;
      line-height: 90%; }
      .content .main .menu p strong, .content .main .menu p b {
        padding-left: 15px;
        font-weight: bold; }
      .content .main .menu p em, .content .main .menu p i {
        background: #d89466;
        border-radius: 5px;
        padding: 2px;
        font-weight: bold;
        font-size: 11px; }
      .content .main .menu p span {
        background: red;
        border-radius: 5px;
        padding: 2px 5px;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none !important;
        display: inline-block;
        color: #fff;
        margin-left: 5px;
        text-transform: uppercase; }
      .content .main .menu p .nuts {
        background: #835c39 !important; }

#footer {
  background: #000;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  letter-spacing: 1px; }
  #footer strong {
    color: #d89466;
    font-weight: bold; }

.form {
  width: 100%; }

form {
  padding: 0 25px 10px; }

form .control-label {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 3px; }

form input, form textarea, form select {
  padding: 8px;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  outline: none; }

form .select {
  font-size: 14px;
  border: none;
  width: 100%; }

form input, form textarea, form select {
  margin: 0 0 5px; }

form .form-group {
  padding: 0 25px 20px 0; }

form .form-group label {
  padding: 0 0 10px; }

form .checkbox, form .radio {
  padding: 0; }

form .checkbox label, form .radio label {
  display: block;
  padding: 0 0 5px; }

form .checkbox input, form .radio input {
  width: auto;
  margin: 0 5px 5px 0; }

form .asteriskField {
  color: #aa0000; }

form .button {
  margin: 0;
  text-align: left; }

form .button button {
  font-size: 18px;
  background: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #000;
  font-weight: 100;
  border: 3px solid #d89466;
  padding: 10px 15px; }

form .button button:hover {
  background: none;
  background: #d89466; }

form .button button:active {
  background: none; }

.button {
  text-align: center;
  display: block; }

.button button[disabled]:active, .button button[disabled],
.button input[type="button"][disabled]:active,
.button input[type="button"][disabled],
.button input[type="submit"][disabled]:active,
.button input[type="submit"][disabled],
.button button[disabled]:hover,
.button input[type="button"][disabled]:hover,
.button
input[type="submit"][disabled]:hover {
  opacity: 0.5;
  cursor: default; }

@media only screen and (max-width: 985px) {
  .wrap {
    width: 100%; }
  #menu {
    z-index: 1000; }
  #mast {
    height: 500px;
    background-size: 100% contain;
    position: relative; }
    #mast .wrap {
      position: absolute;
      bottom: 0; }
    #mast h1 {
      padding-top: 40px; }
    #mast h2 {
      margin-bottom: 70px; }
    #mast .box {
      width: 90%;
      float: none;
      margin: 0 auto 15px; }
      #mast .box h3 {
        padding-top: 25px;
        font-size: 24px; }
      #mast .box p {
        padding-bottom: 25px;
        font-size: 18px; }
  .accent h3 {
    padding-top: 40px;
    font-size: 33px; }
  .accent .button {
    margin-bottom: 40px; }
    .accent .button a {
      font-size: 22px; }
  .info {
    background-size: 100% 100%; }
    .info .map {
      width: 100%;
      float: none; }
      .info .map iframe {
        width: 90%; }
    .info .hours {
      width: 100%;
      float: none; }
      .info .hours h3 {
        padding: 15px 0 10px; }
  .strap h3 {
    padding-bottom: 40px; }
  .bw {
    background-size: 100% 100%; }
  .content .main {
    padding-top: 15px; } }

@media only screen and (min-width: 726px) {
  #menu #menu-items {
    display: block !important; }
	#mast h2 {
      margin-bottom: 20px; }
 }

@media only screen and (max-width: 725px) {
 
	#mast {
    background-size: 100% 100%; }
    #mast h2 {
      margin-bottom: 20px; }
  #menu .mobile-menu {
    display: block;
    cursor: pointer; }
  #menu #menu-items {
    position: absolute;
    width: 100%;
    height: auto;
    top: 40px;
    background: #111;
    margin: 0;
    padding-bottom: 10px;
    display: none; }
    #menu #menu-items a {
      display: block; }
  .info, .strap {
    background-size: auto;
	background-attachment: scroll; }
  .content .wrap {
    display: block; }
  .content .main {
    float: none;
    display: block;
    width: 100%; }
  .content .sidebar {
    float: none;
    display: block;
    width: 100%; } }

@media only screen and (max-width: 375px) {
	
#mast.page {
  background: url("../images/header-page.jpg") no-repeat;
  background-size: 100%;
  height: 190px;
}
  
  #logo img {
		margin: 0px !important; 
		width: 300px !important;
		height: auto;
	}
}

@media only screen and (max-width: 320px) {
  #mast {
    padding-top: 20px; }
    #mast h1 {
      font-size: 30px; }
  #mast.page {
    background-size: auto 100%; }
	
	
	 }