html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
img { max-width: 100%; border: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* Remove gaps between elements */
nav ul, nav ol { list-style-type: none; padding: 0; margin: 0; } /* Remove bullets from lists in nav */
textarea { resize: vertical; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* ==========================================================================
   PROJECT STYLES
   ========================================================================== */

   <style>

          body {
          	margin: 0;
          	padding: 25px 15px 5px;
          }

          a {
          	color: #fff;
          	text-decoration: none;
          }
          button a:link, a:visited {
            color: #fff;
          }
            button {
              background-color: #a55903; 
              border: outset #c98900 3px;
              border-radius: 8px;
              color: white;
              font-family: 'Bree Serif', serif;
              padding: 15px 32px;
              text-align: right;
              text-decoration: none;
              display: inline-block;
              font-size: 20px;
              margin-bottom: 20px;
            }
          header {
          	text-align: center;
          	margin: -25px -15px 30px;
          	border-width: 0 0 1px 0;
            color: #fff;
          }
          
          header.module {
          	text-align: center;
          }
          header .details {
          	display: inline-block;
          	line-height: 16px;
          	vertical-align: middle;
          	margin: 20px;
          }
          nav {
          overflow: hidden;
  		    background-color: #000;
  		    position: fixed; /* Set the navbar to fixed position */
  		    top: 0; /* Position the navbar at the top of the page */
  		    left: 0;
			    right: 0;
		      width: 100%; /* Full width */
    			display: block;
    			text-align: center;
    			text-decoration: none; 
    			padding: 10px 0px;
    			box-sizing: border-box;
    			z-index: 9999;
    			}
          nav ul {
         	background-position: center;
         }
          header nav li {
          	display: inline-block;
          	margin: 0 4px;
            color: #fff;
          }
          header nav li a {
          	color: #fff;
          	font-family: 'Bree Serif', serif;
          	text-transform: uppercase;
          	font-size: 1.25rem;
          }
          header nav li a:hover,
          header nav li a:focus,
          header nav li a.active {
          	opacity: 1;
          }
          main {
              background-image: url(../img/paper.jpg);
          }
          table {
            border-collapse: separate;
            border-spacing: 0;
            vertical-align: middle;
            margin-left: auto;
            margin-right: auto;
          }
          th,
          td {
            padding: 10px 15px;
            vertical-align: middle;
          }
          .button img {
            float:left;
            width: auto; 
            height: 60px; 
            position: relative;
            align-content: left;
            padding-right: 10px;
          }
          .button {
              text-align: center;
              color: #fff;
          }
          .brown {
            color: #a55903;
          }
          .clearfix: { 
            content: "";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
          }
          .catering h1 {
            font-size: 1.7em;
            font-family: 'Bree Serif', serif;
            margin-top: -8px;
          }
          .catering img {
            width: 30%;
            margin-top: 20px;
            border: solid 5px #fff;
          }
          .catering {
            display: block;
            text-align: center;
            font-family: 'Bree Serif', serif;
          }
          .hoursa {
          	float: left;
          	clear: both;
          	display: block;
          	width: 50%;
          	text-align: center; 
          	         
          }
        	.hoursb {
        	float: right;
        	width: 50%;
    			display: block;
    			text-align: center;
    			align-content: right; 
        	}
          .sansserif {
            font-family: sans-serif;
            float: right;
            color: #fff;
            text-decoration: none;
          }
          }
          .shadow {
              /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
              -webkit-filter: drop-shadow( -5px -5px 5px #000 ); 
                      filter: drop-shadow( -5px -5px 5px #000 );
                      box-shadow: -5px -5px 5px #000;
          }

          .splash img {
          	padding-top: 48px; /* Add a top margin to avoid content overlay */
          }

          .number {
          	font-family: 'Bree Serif', serif;
          	color: #fff;
          	margin-top: -30px;
          	margin-bottom: -6px;
          	text-shadow: 4px 4px rgba(0, 0, 0, 0.51);
            padding-top: 20px;
          }

          .splash {

          	text-align: center;
        		margin: auto;
        		font-family: 'Bree Serif', serif;
        		color: #fff;
        		padding-top: 20px;
        		padding-bottom: 20px;
        		background: url(../img/chickenmain.jpg) repeat;
        		background-size: contain cover;
        		background-attachment: fixed;
            display: block;
          }
          .hours {
          	font-family: 'Bree Serif', serif;
          	padding-bottom: 30px;
          	background: rgba(255, 255, 255, 0.51);
          	border-bottom: 3px dotted #a55903;
          	padding: 20px 20px 40px 20px;
          	margin: 0 0 20px 0;
          }
          .menu {
            background: rgba(255, 255, 255, 0.00);
            border-radius: 5px;
            font-family: 'Bree Serif', serif;
            color: #000;
            margin: 20px 0px 0px 0;
            text-align: center;
            font-size: 1.75rem;
          }
          .item-price {
            text-align: right;
          }
          .menutitle{
            font-family: 'Bree Serif', serif;
            color: #000;
            font-size: 30px;
            display: block;
            text-align: center;
            margin-bottom: -10;
          }
          .menu-body {
            margin: 0 auto;
            display: block;
            color: rgb(92, 92, 92);
          }

          .menu-section {
            margin-bottom: 20px;
          }

          .menu-section-title {
            font-family: 'Bree Serif', serif;
            font-size: 50px;
            display: block;
            font-weight:normal;
            margin: 20px 0; 
            text-align: center;
          }

          .menu-item {
            margin: 0px 0;
            font-size: 18px;
          }

          .menu-item-name{
            font-family: helvetica;
            font-weight: bold;
            border-bottom: 2px dotted rgb(213, 213, 213);
          }

           .menu-item-center{
            font-family: helvetica;
            font-weight: bold;
            text-align: center;
          }

          .menu-item-description {
            font-style: italic;
            font-size: .9em;
            line-height: 1.5em;
          }

          .menu-item-price{
            float: right;
            font-weight: bold;
            font-family: arial;
            margin-top: -11px;
             line-height: .5em;
          }
          .menu-roll {
            margin: 0px 0;
            font-size: 14px;
          }
          .menu-title-description {
            font-style: italic;
            font-size: .9em;
            line-height: 1.5em;
            text-align: center;
            margin-bottom: 5px;
          }
          .leftmenu {
            max-width: 300px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            text-align: center;
          }
          .module {
          	background: rgba(255, 255, 255, 0.51);
          	border: 3px dotted #a55903;
          	border-radius: 5px;
          	padding: 20px;
          	margin: 0 40px 20px;
            display: block;
          }
          .nowrap {
              white-space: nowrap;
          }
          .direction h3 {
            font-size: 1.7em;
            font-family: 'Bree Serif', serif;
            margin-top: -8px;
          }
          .direction {
            font-family: 'Bree Serif', serif;
            text-align: center;
          	background: #fffaf2;
          	border: 1px solid #a55903;
            border-radius: 5px;
          	padding: 20px;
          	margin: 0 40px 20px;
          }
           .map {
           height: 400px;
           width: 100%;
           padding-top: 20px;
          }
          .red {
            color: red;
          }
          .right {
            float: right;
          }
          
          .topshadow {
            text-shadow: 2px 2px rgba(0, 0, 0, 0.51);
            padding: 10px;
            font-size: 1.2rem;
          }
          .table-item-name{
            font-family: helvetica;
            font-weight: bold;
          }

   </style>

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */



@media (max-width: 479px) {
	
}
@media (min-width: 20px) {
	
}
@media (min-width: 1px) and (max-width: 540px) {
     td {
        padding: 0px 0px;
        vertical-align: middle;
    }
		.nav-hours {
			display: none;
		}
		.nav-catering {
			display: none;
		}
    .catering img {
      width: 100%;
    }
     .direction {
            margin: 0 20px 20px;
          }
    .kuro {
      color: rgb(100, 100, 100);
      font-family: helvetica;
      font-weight: bold;
      font-size: .85rem;
      text-align: center;
    }
    .menu-item-name{
      font-family: helvetica;
      font-weight: bold;
      font-size: .85rem;
      width: 80%;
      border-bottom: 2px dotted rgb(213, 213, 213);
     }
    .menu-item-price{
      font-size: .85rem;
      }
    .menu-section-title {
      font-size: 30px;
    }
    .menutitle{
      font-size: 25px;
      }
    .module {
      margin: 0 20px 20px;
            display: block;
      }
     .menu-item-description {
      font-size: .8em;
      line-height: 1.5em;
      }

      .left-table {
        display: none;
      }
      .null-sm {
        display: none;
      }
	}

@media (min-width: 541px){
    .null {
      display: none;
    }
    .menu-roll {
    font-size: 18px;
    }
}

@media (min-width: 740px){
	

	.menua {
		float: left;
		width: 50%;
	}
	header .logo {
		width: 150px;
		margin: -35px 0;
	}
}

/* High Resolution Styles */
@media print, (-webkit-min-device-pixel-ratio: 1.25),
	          (min-resolution: 1.25dppx),
	          (min-resolution: 120dpi) {
	/* Styles for high resolution devices go here */
}