body.overflow {
	overflow:hidden;
	width:auto;
}

input {
	max-width:100%;
}
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;

    /* Specify the width of your pageslide here */
    width: 100%;
    padding: 20px;

    /* These styles are optional, and describe how the pageslide will look */
    background-color: #490b52;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #34093b;
    -moz-shadow: inset 0 0 5px 5px #34093b;
    box-shadow: inset 0 0 5px 5px #34093b;
	overflow-y:auto;
}

#pageClose {
	position: absolute;
	right: 60px;
	text-transform: uppercase;
}

#pageslide ul {
	list-style:none;
	margin:0;
}

#pageslide .sub-menu {
	margin-left:10px;
	font-size:.9em;
	margin-bottom:10px;
}

#pageslide ul#menu-primary-menu a {
	text-shadow:0 1px #210625;
	-webkit-font-smoothing:antialiased;
	font-weight:normal;
}

#mobileNav {
	display:none;
	overflow:hidden;
	margin:0;
	padding:0;
	background: #ed6b00;
	border-bottom: 1px solid orange;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #FF9203 0%, #EF6800 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FF9203 0%, #EF6800 100%);

	/* Opera */
	background-image: -o-linear-gradient(top, #FF9203 0%, #EF6800 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9203), color-stop(1, #EF6800));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FF9203 0%, #EF6800 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FF9203 0%, #EF6800 100%);
	-webkit-box-shadow: 0px 1px 3px #000;
	   -moz-box-shadow: 0px 1px 3px #000;
	        box-shadow: 0px 1px 3px #000;
}

#mobileNav li {
	display:block;
	text-align:center;
	width:25%;
	float:left;
}

/*pageslide button menu*/
.pageslide, #mobileNav li a {
	text-align: center;
	color: #FFF;
	padding: 14px 0;
	font-weight: bold;
	text-shadow: 0 1px #8A3903;
	display:block;
	border-right:1px solid orange;
	-webkit-font-smoothing:antialiased;
}

.pageslide {
	border-right:0px;
}

.pageslide:hover, #mobileNav li a:hover {
	color:#EEE;
}

.social-networks {
	height: 25px;
	margin-top: -30px;
}

.site-info {
	clear:both;
}

#page-featured.small {
	width:295px;
}

img {max-width:100%;height:auto;}


@media only screen and (min-width:570px) {
	.home .entry-content p {
		font-family:'La Belle Aurore';
		font-size:1.2em;
		line-height:1.3em;
	}
}

/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (max-width: 1209px) {

	body {

	}

	#primary {
		max-width:990px;

	}

	.content-wrap {
		width:45%;
	}

	.content-wrap.large {
		width: 694px;
	}

	.slider-wrap, #page-featured {
		width:55%;
		overflow:hidden;
	}

	#secondary {
		margin-left: 20px;
		width:200px;
	}

	#page-featured.small {
		width:295px;
	}

	.content-wrap.large {

	}

	#button-contact {


	}

	#font-size-wrap {


	}

}


/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (max-width:940px) {

	#primary {
		max-width:545px;

	}

	.content-wrap {
		width:100%;
	}

	.slider-wrap, #page-slider, .content-wrap.large, #page-featured, #home-slider {
		width:100%;
	}

	#page-featured.small {
		width:100%;
	}

	#secondary {
		margin-left: 2%;
		width:38%;
	}

	#button-contact {

	}

	#font-size-wrap {


	}


}

/*
MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (max-width: 570px) {

	.pageslide {display:block;}
	#mobileNav {display:block;}

	#page {
		max-width:100%;
	}

	#masthead {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
		padding: 0;
	}

	#main, .slider-wrap, #home-slider, #page-slider, #page-featured, .nivoSlider img, #page-featured.small, #page-featured, iframe {
		max-width:100%!important;
		width:100%!important;
	}
	#main {padding-top:32px;}

	#page-slider {
		background-size:contain!important;
		background-position:center center!important;
	}

	#primary {
		overflow:hidden;
		width:100%;
		margin:0;
	}

	.content-wrap {
		width:100%;
		max-width:100%;
	}

	.slider-wrap {
		width:100%;
		max-width:100%;
	}

	#secondary {
		display:none;

	}

	.site-header img {
		margin-bottom:30px;
	}

	#font-size-wrap {
		display:none;
	}

	#page-slider, .nivoSlider img, .ftwrap {
		max-width:100%;
	}

	.site-info {
		clear:both;
	}

	.social-networks {
	height: 26px;
	margin-top: -6px;
	display: block;
	width: 100%;
	}

	ul#menu-menus-page li {
		width:100%;
		margin:0;
	}

	#button-contact {top:-1px; left:0px; width: 100%;}
	#button-contact-2 {left:0px; width: 100%;}

    .page-id-1284 #page-featured {
        display:none;
    }

}

@media screen and (min-width: 321px){
    #main {
		margin:0 auto;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  	#mobileNav {display:block;}

	#page {
		max-width:100%;
	}

	#masthead {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
		padding: 0;
	}

	#main, .slider-wrap, #home-slider, #page-slider, #page-featured, .nivoSlider img, #page-featured.small, #page-featured, iframe {
		max-width:100%!important;
		width:100%!important;
	}
	#main {padding-top: 20px;}

	#primary {
		width:100%;
		margin:0 auto;
		float:none;
	}

	.content-wrap {
		width:100%;
		max-width:100%;
	}

	.slider-wrap {
		width:100%;
		max-width:100%;
	}

	#secondary {
		display:none;

	}

	.site-header img {
		margin-bottom:30px;
	}

	#font-size-wrap {
		display:none;
	}

	#page-slider, .nivoSlider img, .ftwrap {
		max-width:100%;
	}

	.site-info {
		clear:both;
	}

	.social-networks {
	height: 26px;
	margin-top: -6px;
	display: block;
	width: 100%;
	}
#button-contact {right:111px; top:-12px; width:71%;}
#button-contact-2 {display: block; right:111px; top:-45px; width:71%;}

	ul#menu-menus-page li {
		width:44%;
		margin:0;
	}

}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  	#mobileNav {display:block;}

	#page {
		max-width:100%;
		overflow:hidden;
	}

	#main {
		width:1024px;
		margin:0 auto;
		overflow:hidden;
		background:#FFF;
	}

	#masthead {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
		padding: 0;
	}

	#main, .slider-wrap, #home-slider, #page-slider, #page-featured, .nivoSlider img, #page-featured.small, #page-featured, iframe {
	}
	

	#primary {
		width:990px;
		max-width:100%;
		margin:0 auto;
		background:#FFF;
		float:none;
	}

	.content-wrap {
		width:45%;
	}

	.content-wrap.large {
		width: 694px;
	}

	.slider-wrap, #page-featured {
		width:55%;
		overflow:hidden;
	}

	#page-featured.small {
		width:295px;
	}

	#secondary {
		display:none;
	}

	.site-header img {
		margin-bottom:30px;
	}

	#font-size-wrap {
		display:none;
	}

	#page-slider, .nivoSlider img, .ftwrap {
		max-width:100%;
	}

	.site-info {
		clear:both;
	}

	.social-networks {
	height: 26px;
	margin-top: -6px;
	display: block;
	width: 100%;
	}

	#button-contact {
		margin: 0 auto;
		position: relative;
	}

	ul#menu-menus-page li {
		width:44%;
		margin:0;
	}

}