/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.psafety-half {
			width: 70%;
			margin: 25px auto;
			float: none;
			text-align: center;
		}
	
	}
	
	/* 2.  Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {		
		#menu-main-menu li {
			padding: 0 0.4%;
		}
		#access a {
			padding: 0 9px;
		}
	}
		
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.logo {
			text-align: center;
		}
		#access {
			display: none;
		}
		.menu-footer-nav-container {
			display: none;
		}
		.select-menu {
			display: block;
		}
		#menu-topnav {
			display: none;
		}
		.slideshow-container{
			display: none;
		}
		.pmkn-patch {
			width: 100%;
			text-align: center;
		}
		#side {
			display: block;
		}				
		.sb-headers {
			text-align: center;
		}
		.sb-buttons  img{
			margin: 10px auto;
		}		
		ul.subnav{
			margin: 0 auto;
		}
		.phone-number-header{
			float: none;
			text-align: center;
		}
		.header-search-form {
			line-height: 50px;
			text-align: center;
			display: block;
		}
		.social-icons {
			float: none;
			text-align: center;
		}
		.social-icons a {
			display: inline-block;
			float: none;
		}
		.social-icons input#s {
            margin: 12px 5px 0 10px;
            display: inline;
            float: none;
		}
		.side-content {
			text-align: center;
			padding: 0 0 20px 0;
		}
		.callout-image {
			width: 100%;
		}
		.events-feed-item {
			width: 100%;
		}
		
	}
	
	/* 3.  Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.bttn-holder{
			width: 50% !important;
			padding: 0;
		}
		.tribe-mini-calendar-event {
			width: 44% !important;
		}
	}
	
	/* 4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.mstar-area img {
			float: none;
		}

		.mstar-tag {
			float: none;
		}

		.tribe-mini-calendar-event {
			width: 88% !important;
		}
	}
