@charset "utf-8";
/* MPD Home Media Queries */

/************************ Tablets 481 - 768 *****************************/
@media only screen and (max-width:768px) {
  body {
	color: #232323;
	font: 94%/130% 'Armata', Arial, sans-serif;
  }
  /********** Page Layout *************/
  #wrapper {
	 width: 98%;
	 margin: 0 auto;
  }
  .container {
	 width: auto;
	 margin: 0 auto;
	 text-align: center;
  }
  .contain-mobile {
	width: 96%;  
  }	    
  #logo-hm {
	  max-width: 90%;
	  padding-left: 0;
  }
  /******* nav menu *******/
  .nav-bar {
	  padding-top: 4px;
	  padding-bottom: 0;
  }
  .nav-bar h2 {
	font-size: 20px;
  }
}
/******* End tablet *********/

/************************ Mobile < 480 *****************************/
@media only screen and (max-width:480px) {
  body {
	color: #232323;
	font: 90%/120% 'Armata', Arial, sans-serif;
  }
  /********** Page Layout *************/

  .contain-mobile {
	width: 96%;  
  }	    
  .nav-bar {
	  padding-top: 1px;
	  padding-bottom: 1px;	
  }
  .nav-bar h2 {
		font-size: 16px;
		display: block;
  }  
  .logo-block {
	  top: inherit;
	  bottom: 20px;
	  width: 84px;
	  height: auto;
  }
  .copyright {
	  font-size: 74%;
  }
}