html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}
@media only screen and (min-width: 961px) and (max-width: 1000px) {
	.zerogrid{width:100%;}
	.top-inside{ width:98%; margin-left:1%; margin-right:1%; float:left;} 
	#welcome {  }
	.welcome-inside{ width:98%; margin-left:1%; margin-right:1%; float:left; text-align:left; padding-right:0%;}
	.welcome-left-bottom br { display:none;}
	.content-title{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.content-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;} 
	.content-right { padding-top:40px;} 
	.content-middle-left { padding-top:40px;}
	.testimonial-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.services { width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.featured { width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.footer-main-box{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	h1.styleFontface { font-size:68px; line-height:70px;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	.zerogrid{width:100%; }
	.top-inside { width:98%; height:auto; text-align:center; padding-left:1%; padding-right:1%;}
	
	#welcome { width:100%; float:left; text-align:center; background:url(../images/windows-banner.jpg) center top no-repeat;}
 .welcome-inside { width:98%; text-align:center; padding-left:1%; padding-right:1%;}
 .welcome-left { width:54%; text-align:left;} 
 .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:28px; line-height:30px;}

 .form-box { width:40%; } .form-title h2.styleFontface { font-size:30px; line-height:32px;} .form-title br { display:none;}
 
 .body-title-box { padding-top:40px; padding-bottom:40px;}
 .body-title-inside { width:90%; padding-left:5%; padding-right:5%;} .body-title-inside br { display:none;}
 
 .services-box{ padding-bottom:40px; padding-top:40px;}
 .services { width:96%; height:auto; float:left; padding-left:2%; padding-right:2%;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:44%; float:left; margin-right:3%; margin-left:3%; display:block;  margin-bottom:30px; text-align:center;}
		.services ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;} .services ul li p { text-align:center;}
		
		 .featured-box{ padding-bottom:40px; padding-top:40px;}
 .featured { width:96%; height:auto; float:left; padding-left:2%; padding-right:2%;} .featured ul {margin:0px; padding:0px; list-style-type:none;} 
		.featured ul li { width:44%; float:left; margin-right:3%; margin-left:3%; display:block;  margin-bottom:30px; text-align:center;}
		.featured ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-box { padding-top:40px;}
.content-title { width:90%; margin-left:5%; margin-right:5%;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:54px; line-height:56px;}
		h2.styleFontface { font-size:30px; line-height:32px;}
		h3.styleFontface { font-size:24px; line-height:26px;}
		h4.styleFontface { font-size:34px; line-height:36px;}
		h5.styleFontface { font-size:26px; line-height:30px;} h5.styleFontface a { font-size:26px; line-height:30px;} h5.styleFontface a:hover { font-size:26px; line-height:30px;}
	
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:98%; height:auto; text-align:center; padding-left:1%; padding-right:1%;}
	
	#welcome { width:100%; float:left; text-align:center; background:url(../images/window-guys-banner.jpg) center top no-repeat;}
 .welcome-inside { width:98%; text-align:center; padding-left:1%; padding-right:1%;}
 .welcome-left { width:54%; text-align:left;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:28px; line-height:30px;}

 .form-box { width:41%; } .form-title h2.styleFontface { font-size:28px; line-height:30px;} .form-title br { display:none;}
 
 .body-title-box { padding-top:40px; padding-bottom:40px;}
 .body-title-inside { width:90%; padding-left:5%; padding-right:5%;} .body-title-inside br { display:none;}
 
 .services-box{ padding-bottom:40px; padding-top:40px;}
 .services { width:100%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:44%; float:left; margin-right:3%; margin-left:3%; display:block;  margin-bottom:30px; text-align:center;}
		.services ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;} .services ul li p { text-align:center;}
		
		 .featured-box{ padding-bottom:40px; padding-top:40px;}
 .featured { width:100%; height:auto; float:left;} .featured ul {margin:0px; padding:0px; list-style-type:none;} 
		.featured ul li { width:44%; float:left; margin-right:3%; margin-left:3%; display:block;  margin-bottom:30px; text-align:center;}
		.featured ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-box { padding-top:40px;}
.content-title { width:90%; margin-left:5%; margin-right:5%;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:44px; line-height:46px;}
		h2.styleFontface { font-size:30px; line-height:32px;}
		h3.styleFontface { font-size:24px; line-height:26px;}
		h4.styleFontface { font-size:32px; line-height:36px;}
		h5.styleFontface { font-size:24px; line-height:30px;} h5.styleFontface a { font-size:24px; line-height:30px;} h5.styleFontface a:hover { font-size:24px; line-height:30px;}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:22px; line-height:28px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:26px; line-height:32px;}

 .form-box { width:52%; height:auto; margin-top:20px; padding-bottom:30px; margin-left:24%; margin-right:24%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:28px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box{ padding-bottom:40px; padding-top:40px;}
 .services { width:100%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:44%; float:left; margin-right:3%; margin-left:3%; display:block;  margin-bottom:30px; text-align:center;}
		.services ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;} .services ul li p { text-align:center;}

 .featured-box{ padding-bottom:40px; padding-top:40px;}
 .featured { width:100%; height:auto; float:left;} .featured ul {margin:0px; padding:0px; list-style-type:none;} 
		.featured ul li { width:44%; float:left; margin-right:3%; margin-left:3%; display:block;  margin-bottom:30px; text-align:center;}
		.featured ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:40px; line-height:42px;}
		h2.styleFontface { font-size:28px; line-height:30px;}
		h3.styleFontface { font-size:24px; line-height:26px;}
		h5.styleFontface { font-size:26px; line-height:30px;} h5.styleFontface a { font-size:26px; line-height:30px;} h5.styleFontface a:hover { font-size:26px; line-height:30px;}
}


@media only screen and (min-width: 481px) and (max-width: 600px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:20px; line-height:26px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:26px; line-height:32px;}

 .form-box { width:66%; height:auto; margin-top:20px; padding-bottom:30px; margin-left:17%; margin-right:17%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:28px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box { width:100%; padding-bottom:10px; padding-top:40px;}
.services { width:80%; margin-left:10%; margin-right:10%;} .services ul li { width:100%; text-align:center; margin-bottom:30px;} .services ul li p { text-align:center;}

 .featured-box { width:100%; padding-bottom:10px; padding-top:40px;}
.featured { width:80%; margin-left:10%; margin-right:10%;} .featured ul li { width:100%; text-align:center; margin-bottom:30px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:38px; line-height:38px;}
		h2.styleFontface { font-size:28px; line-height:30px;}
		h3.styleFontface { font-size:24px; line-height:26px;}
		h5.styleFontface { font-size:26px; line-height:30px;} h5.styleFontface a { font-size:26px; line-height:30px;} h5.styleFontface a:hover { font-size:26px; line-height:30px;}
}

@media only screen and (min-width: 401px) and (max-width: 480px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:18px; line-height:24px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:24px; line-height:30px;}

 .form-box { width:80%; height:auto; margin-top:20px; padding-bottom:30px; margin-left:10%; margin-right:10%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:28px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box { width:100%; padding-bottom:10px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%;} .services ul li { width:100%; text-align:center; margin-bottom:30px;} .services ul li p { text-align:center;}

 .featured-box { width:100%; padding-bottom:10px; padding-top:40px;}
.featured { width:90%; margin-left:5%; margin-right:5%;} .featured ul li { width:100%; text-align:center; margin-bottom:30px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:24px; line-height:26px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:34px; line-height:36px;}
		h2.styleFontface { font-size:24px; line-height:26px;}
		h3.styleFontface { font-size:24px; line-height:26px;}
		h4.styleFontface { font-size:32px; line-height:32px;}
		h5.styleFontface { font-size:24px; line-height:30px;} h5.styleFontface a { font-size:24px; line-height:30px;} h5.styleFontface a:hover { font-size:24px; line-height:30px;}
}

@media only screen and (min-width: 300px) and (max-width: 400px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:18px; line-height:24px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:22px; line-height:26px;}

 .form-box { width:100%; height:auto; margin-top:20px; padding-bottom:30px;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box { width:100%; padding-bottom:10px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%;} .services ul li { width:100%; text-align:center; margin-bottom:30px;} .services ul li p { text-align:center;}

 .featured-box { width:100%; padding-bottom:10px; padding-top:40px;}
.featured { width:90%; margin-left:5%; margin-right:5%;} .featured ul li { width:100%; text-align:center; margin-bottom:30px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:22px; line-height:24px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:32px; line-height:34px;}
		h2.styleFontface { font-size:22px; line-height:26px;}
		h3.styleFontface { font-size:22px; line-height:26px;}
		h4.styleFontface { font-size:26px; line-height:30px;}
		h5.styleFontface { font-size:20px; line-height:30px;} h5.styleFontface a { font-size:20px; line-height:30px;} h5.styleFontface a:hover { font-size:20px; line-height:30px;}
		html {
		-webkit-text-size-adjust: none;
	}
}

	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:18px; line-height:24px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:22px; line-height:26px;}

 .form-box { width:100%; height:auto; margin-top:20px; padding-bottom:30px;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box { width:100%; padding-bottom:10px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%;} .services ul li { width:100%; text-align:center; margin-bottom:30px;} .services ul li p { text-align:center;}

 .featured-box { width:100%; padding-bottom:10px; padding-top:40px;}
.featured { width:90%; margin-left:5%; margin-right:5%;} .featured ul li { width:100%; text-align:center; margin-bottom:30px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:22px; line-height:24px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:32px; line-height:34px;}
		h2.styleFontface { font-size:22px; line-height:26px;}
		h3.styleFontface { font-size:22px; line-height:26px;}
		h4.styleFontface { font-size:26px; line-height:30px;}
		h5.styleFontface { font-size:20px; line-height:30px;} h5.styleFontface a { font-size:20px; line-height:30px;} h5.styleFontface a:hover { font-size:20px; line-height:30px;}
		html {
		-webkit-text-size-adjust: none;
	} 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
 	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:18px; line-height:24px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:22px; line-height:26px;}

 .form-box { width:100%; height:auto; margin-top:20px; padding-bottom:30px;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box { width:100%; padding-bottom:10px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%;} .services ul li { width:100%; text-align:center; margin-bottom:30px;} .services ul li p { text-align:center;}

 .featured-box { width:100%; padding-bottom:10px; padding-top:40px;}
.featured { width:90%; margin-left:5%; margin-right:5%;} .featured ul li { width:100%; text-align:center; margin-bottom:30px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:22px; line-height:24px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:32px; line-height:34px;}
		h2.styleFontface { font-size:22px; line-height:26px;}
		h3.styleFontface { font-size:22px; line-height:26px;}
		h4.styleFontface { font-size:26px; line-height:30px;}
		h5.styleFontface { font-size:20px; line-height:30px;} h5.styleFontface a { font-size:20px; line-height:30px;} h5.styleFontface a:hover { font-size:20px; line-height:30px;}
		html {
		-webkit-text-size-adjust: none;
	}  
}

@media only screen and (min-device-width: 280px) and (max-device-width: 653px) and (orientation:portrait) {
  /* For landscape layouts only */
 	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:90%; height:auto; text-align:center; padding-left:5%; padding-right:5%; padding-top:18px; padding-bottom:18px;}
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center; background-image:none; background-color: #2d3945;}
	.welcome-top { display:inline;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; font-size:18px; line-height:24px;} .welcome-left p { text-align:center;} .welcome-left br { display:none;}
 .welcome-left h2.styleFontface { font-size:22px; line-height:26px;}

 .form-box { width:100%; height:auto; margin-top:20px; padding-bottom:30px;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:30px;} .form-title br { display:none;}
 
 .content-title { width:90%; padding-left:5%; padding-right:5%;}
 
 .services-box { width:100%; padding-bottom:10px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%;} .services ul li { width:100%; text-align:center; margin-bottom:30px;} .services ul li p { text-align:center;}

 .featured-box { width:100%; padding-bottom:10px; padding-top:40px;}
.featured { width:90%; margin-left:5%; margin-right:5%;} .featured ul li { width:100%; text-align:center; margin-bottom:30px;} .featured ul li p { text-align:center;}
 .featured ul li h2.styleFontface { font-size:22px; line-height:24px;}

.content-box { padding-top:40px;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}  .content-right p { text-align:center;}
		
		.content-middle-left{ width:100%; text-align:center;  padding-top:24px;}  .content-middle-left p { text-align:center;}
		.content-middle-right{ width:100%; text-align:center;}

 .testimonial-box { width:100%; padding-bottom:40px; padding-top:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; font-size:18px; line-height:26px;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:32px; line-height:34px;}
		h2.styleFontface { font-size:22px; line-height:26px;}
		h3.styleFontface { font-size:22px; line-height:26px;}
		h4.styleFontface { font-size:26px; line-height:30px;}
		h5.styleFontface { font-size:20px; line-height:30px;} h5.styleFontface a { font-size:20px; line-height:30px;} h5.styleFontface a:hover { font-size:20px; line-height:30px;}
		html {
		-webkit-text-size-adjust: none;
	}  
}