body,html{
margin:0;
background-image: none;
}

.exitcart{
text-align: center;
font-family: arial,helvetical,sans-serif;
width: 100%;
text-align: center;
}

.content{
 width: 100%;
 box-sizing: border-box;
 padding: 5px;
 margin: 0;
}

 

.column,column2 {
    width: 100%;
  }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}




#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}


.ctr{
margin-left: auto;
margin-right: auto;

}
.pctr{
text-align: center;
}


.fullpic{
width: 100%;
height: auto;
}

a img {outline : none;}
img {border : 0;}

h2,h3{
font-size: 1em;
margin-left: 5px;
}

#recipients{
display: block;
}
.reviewgcbox{
border: 1px solid black;
padding: 0px 5px 5px 0px;
}

.vhidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#reviewbox{
line-height: 1em;
font-size: 1em;
margin: 5px 5px 0px 5px;
}
.reviewgc{
padding: 5px;
}


.reviewgcbox a{
text-decoration: none;
color: brown;
}

h1{
margin: 0;
}

body,html{
margin: 0;
background-image: none;
 min-height: 100vh;
}

.standard{
font-size: 1em;
line-height: 1em;
margin: 0;
font-weight: normal;
display: inline;
}




.winecontent{
width: 100%;
text-align: center;
}
.winecontent table{
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 100%;
}
.winecontent th{
font-weight: bold;
text-align: left;
}
.winecontent caption{
line-height: 2em;
font-weight: bold;
font-size: 1.3em;
text-align: left;
}
.winecontent td{
text-align: left;
vertical-align: bottom;
xpadding-right: 2%;
}
.winescope th{
width: 90%;

}
.pricescope{
width: 10%;

}

p,body,html{
color: #800000;
font-family : verdana, arial,helvetica,sans-serif;
font-size: 1em;
margin: 0;
padding: 0px 5px 5px 5px;
}
p{
margin-bottom: .7em;
}

.picfloatright
{
clear: both;
float: none;
width: 100%;
margin: 5px 0px 5px 0px;
}
.picfloatleft{
clear: both;
float: none;
width: 100%;
margin: 5px 0px 5px 0px;
}

.toppad{
height: 10px;
background-color: white;
}

.woodlogo{
margin-left: auto;
margin-right: auto;
margin-bottom: 15px; 
display: block;
width: 330px;
}
.content{
width: 100%;
margin: 0;
}
#coin{
width: 50%;
margin-right: 10px;
float: left;
}
.sideways{
width: 50%;
margin-left: auto;
margin-right: auto;
text-align: center;
clear: both;
}
fieldset{
margin-top: 10px;
}
legend{
font-weight: bold;
}
#fooditems input,#clothing input{
width: 25px;
margin-bottom: 5px;
}
.hang {
    text-indent: -35px;
    padding-left: 35px;
}

.visuallyhidden{
display: none;
}
.box {
padding: 10px;
border: 1px solid black;
margin-top: 15px;
margin-bottom: 15px;
}

ol{
margin-left: -15px;
text-align: center;
  list-style-position: inside;
}

ol li{
  list-style-type: none;
  margin-right: 35px;
  margin-left: -25px;
}

.mainnavmenu{
  display: inline;
  text-align: justify;
}
.mainnavmenu a{
  display: inline;
  color: black;
  background-color: rgb(230,230,230);
  padding: 5px;
  font-weight: bold;
  line-height: 2em;
  text-decoration: none;
  white-space: nowrap;  
}

.textinfo input{
width: 300px;
}
#instructions{
width: 100%;
vertical-align: top;
display: inline-block;

}
.cimage, .dish{
width: 100%;
}

.cateringmenubox{
	width: 100%;
}

.cateringmenubox{	
	padding: 10px;
	background-color: rgb(240,240,240);
	border: 1px solid black;
	margin: auto;
	text-align: center;
	margin-top: 20px;
 box-sizing: border-box;
}

.cateringdinnermenu{
width: 90%;
border: 1px solid brown;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}


/*
=============================================================
BELOW: FOR PC SIZE.  above is phone and anything cross over
=============================================================
*/

@media screen and (min-width: 800px) {

body{
background-image: url(graphics/WoodBackground.jpg);

}

.content{
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: white;
padding: 0px 10px 0px 10px;
}
.column {
  float: left;
  width: 25%;

}
.cateringdinnermenu{
width: 50%;
}

.fullpic{
width:50%;
height: auto;
margin-left: auto;
margin-right: auto;
}

#coin{
width: 25%;
margin-right: 30px;
}
#billbox{
width: 30%;
float: left;
margin-left: 20px;
margin-top: -20px;
}

#servesup{
width: 50%;
float: left;
text-align: right;
}

.sideways{
clear: both;
padding-top: 25px;

}

.dish{
width: 50%;
padding: 10px;
float: left;
}
.cimage{
width: 100%;
}
.nobr{
display:none;
}


.picfloatright{
float: right;
margin-left: 10px;
}
.picfloatleft{
float: left;
margin-right: 10px;
}
.picfloatright,.picfloatleft{
width: 30%;
margin-top: 10px;
}

.winecontent{
width: 50%;
margin-left: auto;
margin-right: auto;
}

.cateringmenubox{
	width: 500px;
}