@charset "UTF-8";
/* Body */
body{
	font-family:cambria;
	background-color:#FFFFFF;
	margin:0;
}
/* Container */
.container{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}
/* Header */
header{
	width:100%;
	height:8%;
	background-color:#5D5E5D;
	border-bottom:1px solid #353635;
}
.logo{
	color:#fff;
	font-weight:bold;
	margin-left:auto;
	letter-spacing:4px;
	margin-right:auto;
	text-align:center;
	padding-top:15px;
	line-height:2em;
	font-size:22px;
}
.hero_header{
	color:#FFFFFF;
	text-align:center;
	margin:0;
	letter-spacing:4px;
}
/* About Section */
.text_column{
	width:90%;
	text-align:left;
	font-weight:lighter;
	line-height:25px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	color:#A3A3A3;
}
.gallery{
	clear:both;
	display:inline-block;
	width:100%;
	background-color:#FFFFFF;
	/* [disabled]min-width:400px; */
	padding-bottom:35px;
	padding-top:0px;
	margin-top:-5px;
	margin-bottom:0px;
}
.thumbnail{
	width:23%;
	text-align:center;
	float:left;
	margin-top:35px;
	background-color:#F8F8F8;
	padding-bottom:20px;
	margin-left:1%;
	margin-right:1%;
	border-radius:3px;
	padding-top:20px;
	/*border-bottom:4px solid #6DC7D0;*/
	min-height:450px;
}
/*Overcome some of the styles set in the php file when test-mode is turned on*/
#businessInfo #businessAddress{
  border:7px double #db0dce !important;/*pink color*/
}
#businessInfo #businessHours{
  border:7px double #3d8bef !important;/*blue color*/
}
#businessInfo #cateringInfo{
  border:7px double #db0dce !important;/*pink color*/
}
.gallery{
  border-style:double !important;
  border-width:7px !important;
}
/*End test-mode styles*/

.gallery .thumbnail h4{
	margin-top:5px;
	margin-bottom:5px;
	color:#3d8bef;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.gallery .thumbnail p{
	margin:0;
	color:#B3B3B3;
	text-align:left;
	padding-left:20px;
}
.gallery .thumbnail p.text_column{
  font-size:1.1em;
  color:#888;
  line-height:1.5em;
} 
.gallery .thumbnail p.tag{
  color:#000;
  font-size:1.3em;
  text-decoration:underline;
  margin-bottom:5px;
}
/* More info */
.intro{
	background-color:#FFFFFF;
	padding-bottom:35px;
}
.column{
	width:50%;
	text-align:center;
	padding-top:30px;
	float:left;
}
.intro .column h3{
	color:#FFFFFF;
	text-align:center;
}
.intro .column p{
	color:#FFFFFF;
}
.cards{
	width:100%;
	height:auto;
	max-width:400px;
	max-height:300px;
	opacity:0.8;
}
.intro .column p{
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	line-height:25px;
	font-weight:lighter;
	margin-left:20px;
	margin-right:20px;
	width:80%;
	margin-top:4%;
}
.button{
	width:200px;
	margin-top:40px;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
	text-align:center;
	vertical-align:middle;
	border-radius:0px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
	border:3px solid #FFFFFF;
	color:#FFFFFF;
	transition:all 0.3s linear;
}
.button:hover{
	background-color:#6DC7D0;
	color:#FFFFFF;
	cursor:pointer;
}
.copyright{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#717070;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:lighter;
	letter-spacing:2px;
	border-top-width:2px;
}
footer{
	background-color:#B3B3B3;
	padding-top:60px;
	padding-bottom:60PX;
}
.intro{
	display:inline-block;
	background-color:#000;
}
.profile{
	width:70%;
}

/* Mobile */
@media (max-width:320px){
.logo{
	width:100%;
	text-align:center;
	margin-top:13px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}
.text_column{
	width:100%;
	text-align:justify;
	padding:0;
}
.intro .column p{
	width:80%;
	margin-left:0px;
}
.text_column{
	padding-left:20px;
}
.thumbnail{
	width:100%;
}
.column{
	width:100%;
	margin-top:0px;
}
.hero_header{
	padding-left:10px;
	padding-right:10px;
	line-height:22px;
	text-align:center;
}
.mobileHide{
  display:none;
}
}

/* Small Tablets */
@media (min-width:321px)and (max-width:767px){
.logo{
	width:100%;
	text-align:center;
	margin-top:13px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}
.text_column{
	width:100%;
	text-align:left;
	padding:0;
}
.thumbnail{
	width:98%;
}
.column{
	width:100%;
	margin-top:0px;
}
.text_column{
	padding-left:20px;
	padding-right:20px;
	width:90%;
}
.column{
	width:100%;
	margin-left:0px;
	margin-right:0px;
}
.profile{
	width:100%;
}
.intro .column p{
	width:90%;
	text-align:center;
	padding-left:0px;
}
.mobileHide{
  display:none;
}
}

/* Small Desktops */
@media (min-width:768px) and (max-width:1096px){
.text_column{
	width:100%;
}
.thumbnail{
	width:48%;
}
.text_column{
	width:90%;
	margin:0;
	padding:20px;
}
.intro .column p{
	width:80%;
}
}