/*
* 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) {
	    .header {
		height: 170px;
		background-image:url('../images/logo.png');
		background-repeat: no-repeat;
		background-position: center 30px;
		margin-bottom: 10px; 
	    }
	    /*	    .header h1 { margin-top: 60px; }*/
	    li.menu-home { display: none; }
	    li.menulink-1, li.menulink-2 { padding-left: 0;}
	    li.menulink-3, li.menulink-4 { padding-right: 0;}
	    li.menulink-1, li.menulink-4, li.menulink-2, li.menulink-3 { padding-top: 0; }
	    .mean-container .mean-nav ul li a { padding-bottom: 0; }
	    #menu-main-menu li ul {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: transparent;
	    }
	    #menu-main-menu li a {
		font-weight: 400; 
	    }
	    #menu-main-menu li {
		font-size: 14px;
	    }

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	    .footerleft { width: 6%;}
	    .footermiddle { width: 84%; }
	    .footerright { width: 10%; }
	    .page-sidebar img { max-width: 90%; height: auto; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	    .footerleft { width: 10%;}
	    .footermiddle { width: 75%; }
	    .footerright { width: 15%; }
	    .page-sidebar img { max-width: 90%; height: auto; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	    .footerleft { width: 15%;}
	    .footermiddle { width: 65%; }
	    .footerright { width: 20%; }
	}

	@media print {
	    body { background: none; }
	    .notprintable  { display:none;}
	    .close-button, .print-button { display:none;}
	    .printable  { display:block;}
	    .modal {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: none;
	    }
	    .modal-content {
		position: static;
		top: auto;
		left: auto;
		transform: none;
		background-color: white;
		padding: 1rem 1.5rem;
		width: 100%;
		border-radius: 0.5rem;
	    }
	    .printable, .modal-content, .modal-content li { font-size: 1em; line-height: 1.2em;}

	}