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

/* ---------------------------------------------------------------------- */
/*	Version 1024px
 /* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1280px) {


}
@media handheld, only screen and (max-width: 1040px) {
	

}

@media handheld, only screen and (max-width: 996px) {

	

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 767px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {
	header .container > div h3 {
	    font-size: 16px;
	}
	header .container > div h2 {
	    font-size: 14px;
	}
	
	header .logo {
	    max-width: 50%;
	}
	header .logo img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 600px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 600px) {
	
	body {
    	font: 70%/1.45em "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
    }
	
	header .logo {
	    max-width: 100%;
	    float: none;
	}
	header .logo img {
		display: block;
		width: 250px;
		height: auto;
		max-width: 100%;
	}
	header .container > div {
	    float: none!important;
	    margin: 3px 0 5px 0;
	    text-align: center!important;
	}
	header .container > div > * {
	    text-align: center;
	    display: inline;
	}
	
	header .container > div p {
	    font-size: 14px;
	    display: block;
	    margin-bottom: -28px;
	    color: white;
	    margin-top: 10px;
	    text-align: right;
	}
	header .container > div h2, 
	header .container > div h3 {
	    font-size: 11px;
	}
	header .container > div h2:before {
		content: " | "
	}
	.tab-menu li:first-child a {
	    padding-left: 10px;
	}
	.tab-menu li {
		float: none;
	}
	.tab-menu li a {
	    display: block;
	    padding: 5px;
	    font-size: 11px;
	    margin: 0 0 0px 0;
	}
	.tab-menu  {
		padding: 15px;
	}
	
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 568px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 568px) {
	.menu-buttons li a {
	    border: 3px solid #0072BC;
	    padding: 3px 15px;
   }
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 480px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {
	

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 320px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 320px) {
}