@charset "utf-8";
/* CSS Document */
/*@media handheld, only screen  
 and (max-device-width: 1024px)*/
@media handheld, only screen  
 and (max-device-width: 768px)
{
.box50 {
	float:none;
	width:99%;
	text-align: center;
}
.h2box50 {
	max-width: 99%;
}
p {
	margin:auto;
	padding-bottom: 10px;
	line-height: 2em;
	}
.hbutton2{
	font-size:100%;
	color:#fff;
}
.nodisp {
		display: none;
		visibility: hidden;
	}
#site-inner {
background: white url(images/travinia-homepage.jpg) top center no-repeat;
background-size: 100% 650px;
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
  }

#site-inner-lunch {
background: white url(images/flatbread-soup-lunch.jpg) top center no-repeat;
background-size: 100% 700px;
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
  }
/*.lunchspace {
	height:344px;
	}*/
#site-inner-dinner {
background: white url(images/tenderloin-medallions.jpg) top center no-repeat;
background-size: 100% 850px;
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
  }
#site-inner-desserts {
background: white url(images/dessert-header.jpg) top center no-repeat;
background-size: 100% 900px;
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
  }
#site-inner-bar {
background: white url(images/bar-header.jpg) top center no-repeat;
background-size: 100% 850px;
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
  }
#site-inner-catering {
background: white url(images/catering/catering-5.jpg) top center no-repeat;
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
}
.cateringspace {
	height:200px;
}
.cateringht2 {
		height: 210px;
	}
#site-inner-pdrooms {
background: white url(images/catering/leesburg-private-dining-room-m.jpg) top center no-repeat;
background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
}
.wineroomspace {
		height:60px;
	}
#home-content {
    margin:100px auto auto;
 
}
#left-col-menu {
max-width: 100%;
	width:100%;
float:none;
	}


#right-col-menu {
float:none;
max-width: 90%;
margin-left: 2%;
}

#right-col-menu p {
margin:auto;
	}

.menu-boxes {
float:right; max-width: 240px;border: 1px solid #dfdfdf;}
.menu-boxesl {
 max-width: 240px;border: 1px solid #dfdfdf;}
.menu-box-c {
float:right; max-width: 300px;border: 1px solid #dfdfdf;}

 #site-inner-leesburg {
background: white url(images/leesburg/Leesburg.jpg) top center no-repeat;
background-size: 100% 650px;

  } 
 
#top-bar {
 background-color:rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 90px;
 
} 
#top-right {
  float:right;
}
#signup {
  text-align: right;
  width: auto;
  color: #fff;
  font-size: 80%;
  padding-bottom: 20px;
} 

#about-content {
  max-width: 1000px;
  margin: 10px auto !important;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align:center;

  color: #fff;
  background-color:rgba(0, 0, 0, 0.75); 
}
#about-content p {
  margin-left: 80px;
  margin-right: 80px;
  line-height: 1.5em;
  }

#content-bottom {
  background-color:rgba(0, 0, 0, 0.75);
  max-width: 1000px;
  margin: auto;
  text-align:center;
  min-height: 300px;
  color:#fff;
}
#content-bottom2{
  background-color:rgba(0, 0, 0, 0.60);
  max-width: 100%;
  
}
.box3content {
  float:none;
  width: 100%;
  max-width: 100%; 
}


#home4boxes {
  max-width: 100%;
 
}
.homebox4 {
  float:none;
  max-width:100%;
}

.homebox4 h3 {
  max-width: 100%;

}
#home5boxes {
  max-width: 100%;
 
}
.homebox5 {
  float:none;
  max-width:100%;
}

.homebox5 h3 {
  max-width: 100%;

}
#bottom-3boxes {
  max-width: 100%;
 
}
.box3 {
  float:none;
  width: 100%;
  max-width: 100%;
  text-align:center;
 margin:auto;
}

#bottom-2boxes {
  max-width: 100%;
  height: auto;
  
}
.box2 {
  float:none;
  max-width: 100%;

}
#home-bottom {
  max-width:100%;
 }

#footer {
  max-width: 100%;
}

.box4 {
  float:none;
	width:95%;
}

.smaller {
  font-size: 80%;
}
.larger {
  font-size: 120%;
}
/*slideshow*/
#slideshow {
   left: 50%;
transform: translateX(-50%);
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    min-height: 297px;
    background-color: transparent;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    min-height: 297px;
    display: block;
    border: 0;
    margin-bottom: 0px;
	margin-top:0px;

}

/*end slideshow*/
table {
	text-align: center;
}
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	
.homeSpacer {
height: 700px;
}
.bimg {
  width: 240px;
	height:auto;
	text-align:center;
	
	}
.img50 {
 max-width:300px;
	height:auto;
	text-align:center;
	
	}
}