body {
  font-size: 16px;
  color: #fff;
  background-color: #F4F4F4;
  font-family: 'Oxygen', sans-serif;
}

h2 {
   font-size: 20px;
   color: #820000;
   margin-top: 10px !important; 
}
  

h4 {
   font-size: 20px;
   color: #820000;
   margin-bottom: 0px !important;
}

a:link:not(.btn):not(.su-brand-bar__logo) {
  color: #006CB8;
}

.center-message {
 margin:auto;
 max-width: 300px;
}


/** HEADER **/
#header-nav {
  background-color: #ffffff;
  border-radius: 0;
  border: 0;

}
    
  
#logo-canvas {
  background: url('../images/Canvas_color_web.png') no-repeat;
  width: 180px;
  height: 32px;
  margin: 15px 0px 15px 0px;

}

#logo-canvas_md {
  background: url('../images/Canvas_color_web.png') no-repeat;
  width: 180px;
  height: 32px;
  margin: 15px 0px 15px 0px;

}



#logo-canvas_sm {
  background: url('../images/Canvas_color_web.png') no-repeat;
  width: 180px;
  height: 32px;
  margin: 15px 0px 10px 10px;

}


.container .jumbotron {
  box-shadow: 0 0 50px #3F0C1F;
  border: 2px solid #3F0C1F;
  max-width: 3000px;
}
/********** Large devices only **********/
@media (min-width: 1200px) {
  .container .jumbotron {
    background: url('../images/quadaerialredwidth.jpg') no-repeat;
    height: 675px;
    max-width: 3000px;
  }
}

/********** Small devices only **********/
@media (min-width: 768px) and (max-width: 991px) {
  /* Home Page */
  .container .jumbotron {
    background: url('../images/jumbotron_768.jpg') no-repeat;
    height: 432px;
  }
  /* End Home Page */

}


 
.navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-brand h1 { /* Restaurant name */
  font-family: 'Lora', serif;
  color: #557c3e;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 1px #222;
  margin-top: 0;
  margin-bottom: 0;
  line-height: .75;
}
.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}
.navbar-brand p { /* Kosher cert */
  color: #000;
  text-transform: uppercase;
  font-size: .7em;
  margin-top: 10px;

}
.navbar-brand p span { /* Star-K */
  vertical-align: middle;
}

#menu-tile, #specials-tile, #map-tile {
  height: 250px;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  border: 2px solid #3F0C1F;
  overflow: hidden;
}
#menu-tile:hover, #specials-tile:hover, #map-tile:hover {
  box-shadow: 0 1px 5px 1px #cccccc;
}

#menu-tile {
  background: url('../images/menu-tile.jpg') no-repeat;
  background-position: center;
}
#specials-tile {
  background: url('../images/specials-tile.jpg') no-repeat;
  background-position: center;
}

#menu-tile span, #specials-tile span, #map-tile span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  opacity: .8;
}

#fatFooter{
	background-color: #f2f1eb;
	min-height: 100px;
	/*padding:20px;*/	
	color:#000000;
	padding: 30px 0;
}

.fatFooter a {
	color: #5f574f;
	
	
}
.footer{
	background-color: #8c1515;
	height: auto;
	/*padding:20px;*/	
	color:#fff;
}

.footer .container{
	padding-top: 20px;
}

.skipfromheader{
	 visibility: visible;
   padding: 0 0 0 0;
   
}

#skipcontainer{
	 visibility: visible;
} 

.navbar-nav > li > a {padding-top:4px !important; padding-bottom:15px !important;}
.navbar {min-height:10px !important}

.container-fluid {
  padding-left: 16px;
  padding-right: 16px;
}




.customnav{

  block-size: 39px;
  bottom: 0px;
  display: inline;
  height: 39px;
  inline-size: 73.5625px;
  left: 0px;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  padding-left: 15px;
  padding-right: 15px;
  perspective-origin: 36.7812px 19.5px;
  position: relative;
  right: 0px;
  top: 0px;
  transform-origin: 36.7812px 19.5px;
  width: 73.5625px;
    
}
.navbar-nav > li > a{
  margin-right: 15px !important;
}
  
  
.offScreen {
  display:none;

}
 


@media screen and (min-width: 992px){  
.custom-alert{
  background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-right: 25px;
  border: 1px solid #820000;
  }
  
}

@media screen and (min-width: 768px) and (max-width: 991px){  
.custom-alert{
  background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-right: 0px;
  border: 1px solid:#820000;
  }
}

@media screen and (max-width: 767px){  
.custom-alert{
  background-color: #FFFFFF;
  margin-top: 15px;
  margin-bottom: 5px;
  margin-right: 25px;
  border: 1px solid:#820000;
  }
}

 
@media screen and (min-width 321px) { 
.custom-skip-link-notsmall {
} 
}
 

@media screen and (max-width 320px) { 
.custom-skip-link-small {
} 
}

.custom-fixed-bottom {
    margin-top:0px;
}
  
@media screen and (min-width: 992px){  
.custom-fixed-bottom {
    bottom:0;
    margin-bottom:0;
    border-width: 1px 0 0;
    border-radius: 0;
    position: fixed;
    right:0;
    left:0;
    z-index: 1030;
  } 
}
 

#skip-main a {
  
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
   
  /*
   left:-999px;
   position:absolute;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
   z-index:-999;
  */
}

/*
#skip-main a:focus {
   
   color: #fff;
   background-color:#000;
   left: auto;
   top: auto;
   width: 30%;
   height: auto;
   overflow:auto;
   margin: 10px 35%;
   padding:5px;
   border-radius: 15px;
   border:4px solid yellow;
   text-align:center;
   font-size:1.2em;
   z-index:999;
   
} 
*/

/*
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 
*/

  
a.skip {
   left:-999px;
   position:absolute;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
   z-index:-999;
   border-radius: 5px;
}

a.skip:focus, a.skip:active {
   background-color:#fff;
   left: auto;
   top: auto;
   width: 10%;
   height: auto;
   overflow:auto;
   padding:5px;
   border-radius: 5px;
   border:1px solid #337AB7;
   text-align:center;
   font-size:1.2em;
   z-index:999;
}