@charset "utf-8";
/* CSS Document */

/* Mobile */

.slicknav_menu {
  display: none;
}
.hide-mobile {
	display:block;
	}
.show-mobile {
	display:none;
	}

@media only screen and (max-width: 1200px) {
#pad {
	margin:0 20px 0 20px;
	}
}


@media only screen and (max-width: 1100px) {
#nav-bar ul.menu li {
	margin:0 10px;
	}
#nav-bar ul.menu li:first-child {
	margin:0 10px 0 0;
	}
#nav-bar ul.menu li:last-child {
	margin:0 0 0 10px;
	}
}

@media only screen and (max-width: 1024px) {
.menu-content-container {
	max-width:100%;
	margin:auto;
	padding-bottom:190px;
}
.menu-background1, .menu-background2, .menu-background3 {
	background-size:25%;
}
.menu-full {
	max-width:100%;
	margin:auto;
}

}

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

#nav-bar ul.menu li, #nav-bar ul.menu li:first-child, #nav-bar ul.menu li:last-child {
	margin:0 10px 20px 10px;
	}
.nav-menu, .nav-about, .nav-contact, .nav-hours {
	display:block;
	clear:both;
	margin:auto;
	}
#nav-left .nav-left, #nav-right .nav-right {
	display:block;
	}
.menu-button {
	max-width:85%;
}
.menu-content #content-top-full {
	padding-right:0;
}
.menu-content-container .menu-column {
	width:100%;
	padding-right:0;
}
.menu-content .menu-column p, .menu-content .menu-column, .menu-content .menu-full p, .menu-content .menu-full {
	padding-left:20px !important;
}
.page-template-template-menu h2, .page-template-template-menu h2 span {font-size:35px !important;}
}

@media only screen and (max-width: 768px) {
.hide-mobile {
	display:none;
	}
.show-mobile {
	display:show;
	}
#page-left, #blog-left {
	width:60%;
	}
#page-left .entry, #blog-left .entry {
	margin:0 10px 0 0;
	}
#page-right, #blog-right {
	width:40%;
	}
.slicknav_menu {
  display: block;
}

#nav-bar {
	display:none;
}
.nav-menu, .nav-about, .nav-contact, .nav-hours {
	border:0;
	-webkit-border-image: none; /* Safari 3.1-5 */
    -o-border-image: none; /* Opera 11-12.1 */
    border-image: none;
	}
#nav-left, #nav-right {
	display:none;
	}
#social-icons {
	padding:20px 0 0 0;
	}
#logo {
	width:100%;
	}
#content-top-left, #content-top-right {
	display:none;
	}
#content-top-center {
	width:90%;
	margin:auto;
	flex:none;
	-webkit-flex: none; /* Safari 6.1+ */
	-ms-flex: none; /* IE 10 */
	-webkit-box-flex:none;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: none;         /* OLD - Firefox 19- */
	}
#page-left, #blog-left {
	float:none;
	width:100%;
	}
#page-left .entry, #blog-left .entry {
	margin:0 0 0 0;
	}
#page-right, #blog-right {
	float:none;
	width:100%;
	}

.column1 {
	float:none;
	}
.column2 {
	float:none;
	width:100%;
	margin:auto;
	}
.column3 {
	float:none;
	width:100%;
	margin:auto;
	}
.column4 {
	float:none;
	width:100%;
	margin:auto;
	}
.column23 {
	float:none;
	width:100%;
	margin:auto;
	}
.column34 {
	float:none;
	width:100%;
	margin:auto;
	}
.col {
	float:none;
	width:100% !important;
	margin:auto;
	}
.twocolumnlist ul {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
	}
.threecolumnlist ul {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
	}
.fourcolumnlist ul {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
	}
.full-menu .content-top-text .column2:nth-child(2) {
	padding-right:20px;
}
.full-menu .content-top-text .column2:nth-child(3) {
	padding-left:20px;
}
.menu-background1, .menu-background2, .menu-background3  {
	background-image:none;
}
.menu-content-container {
	padding-bottom:30px;
}
#content-top-full {
	padding-left:30px;
}

}

@media only screen and (max-width: 500px) {
#slideshow {
	height:200px;
}
.slider {
	height:200px;
}
.slider .fraction-slider .slide {
	background-size:contain;
}
#slide-message {
	font-size:23px;
	}
.fs_loader {
	height:300px !important;
}
html #recaptcha_area, html #recaptcha_table {
	transform: scale(0.90);
	transform-origin: left top;
}

}

@media only screen and (max-width: 400px) {

html #recaptcha_area, html #recaptcha_table {
	transform: scale(0.85);
	transform-origin: left top;
}

}

@media only screen and (max-width: 300px) {

html #recaptcha_area, html #recaptcha_table {
	transform: scale(0.75);
	transform-origin: left top;
}

}

@media only screen and (max-width: 200px) {

}