@charset "UTF-8";
/* CSS Document */


/* 1200+  */
/****************************/
/* REGULAR					*/
/****************************/

@media (min-width: 1401px) {
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	#wrapper {
		max-width:1340px;
		margin:0 auto;
	}
	.container {
		max-width:1240px;
		margin:0 auto;
	}

	p { font-size:20px; }

}


@media (min-width: 1200px) and (max-width: 1400px) {
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	#wrapper {
		max-width:1140px;
		margin:0 auto;
	}
	.container {
		max-width:1040px;
		margin:0 auto;
	}
	
	nav ul li {	margin-left:30px; }
	nav ul li a { font-size:18px; }
	

	h3 { font-size:34px; }
	h4 { font-size:20px }
	h5 { font-size:18px; }	
	.btn { font-size: 16px; }
	#homepage-banner .btn { font-size:16px; }
	.service-box p { font-size:14px; }
	.service-box p a.btn { font-size:14px; }
}
	
/*  <-> 1200  */
/****************************/
/* IPAD LANDSCAPE 			*/
/****************************/

@media (min-width: 1100px) and (max-width: 1199px) {
	
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	#wrapper {
		width:1040px;
		margin:0 auto;
	}
	.container {
		width:940px;
		margin:0 auto;
	}

	nav ul li {	margin-left:20px; }
	nav ul li a { font-size:16px; }
	nav ul li a.nav-btn { font-size: 16px; }
	
	h1 { font-size: 55px; line-height: 55px; }
	h2 { font-size:26px; }
	h3 { font-size:26px; }
	h4 { font-size:20px }
	h5 { font-size:16px; }
	p { font-size:14px; }	
	.btn { font-size: 14px; }
	#homepage-banner p { font-size:20px; }
	#homepage-banner .btn { font-size:14px; }
	.service-box p { font-size:13px; line-height:18px; }
	.service-box p a.btn { font-size:12px; }

}


/****************************/
/* 740 <-> 992  IPAD (P)
/****************************/

@media (min-width: 740px) and (max-width: 992px) {
	
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	.container 		{ width:100%; max-width:100%;}
	
}


/****************************/
/* 480 <-> 750 IPHONE (L)
/****************************/

@media (min-width: 480px) and (max-width: 740px) {
		.mobile-show	{ display:block;}
	.mobile-hide	{ display:none;}

	.container 		{ width:100%;}
	
	
	
}

/****************************/
/* IPHONE PORTRAIT 			*/
/****************************/

@media (max-width: 480px) {
	
	.mobile-show	{ display:block; }
	.mobile-hide	{ display:none; }
	
	body { padding:30px 15px; }
	
	#wrapper {
		width: 100%;
		padding:0;
		margin:0;
	}
	
	.mt-40 { margin-top:0px; }
	.container {
		width:100%;
		padding:0 20px;
	}
	
	header { height:auto; }
	.mobile-center { text-align: center; }
	#logo { width:100%; height:auto; margin:15px 0; }
	
	nav ul li {	margin-left:20px; }
	nav ul li a { font-size:16px; }
	nav ul li a.nav-btn { font-size: 16px; }
	
	h1 { font-size: 34px; line-height: 34px; margin-bottom:15px; padding-bottom:0; }
	h2 { font-size:20px; line-height:24px; }
	h3 { font-size:24px; }
	h4 { font-size:20px }
	h5 { font-size:14px; }
	p { font-size:14px; }	
	.btn { font-size: 12px; }
	
	#homepage-banner,
	#subpage-banner { height:400px; padding:50px 0; text-align:center; }
	
	#subpage-solutions { 
		padding:30px 0;
	}
	
	#homepage-banner img,
	#subpage-banner img { width:100%; margin-bottom:30px; }
	
	#homepage-banner p,
	#subpage-banner p { font-size:14px; }
	
	#homepage-banner .btn,
	#subpage-banner .btn { font-size:12px; }
	
	.service-area {	margin-top:20px; }
	
	.service-box p { font-size:12px; line-height:16px; }
	.service-box p a.btn { font-size:12px; }
	
	#homepage-about { padding: 50px 0 30px; text-align:left; }
	#homepage-about img { width:100%; margin-bottom:30px; }
	
	#footer { text-align:center; padding:20px 0 }
	#footer p { font-size:12px; text-align: center; margin:0 0 5px;}
}