@media all and (min-width: 40em) {
	/* MOSAIC GALLERY */
	.card-tall {
	    grid-row: span 2 / auto;
	  }

	  .card-wide {
	    grid-column: span 2 / auto;
	  }
	.hamburger,.cross 	{ top: 40px; }
	
	/* --- Hero/Banner --- */
	.hero-slider .slick-list { height: 400px; }
	.hero-slider .hero-text     { top: 35%; }
	.hero-slider .hero-text h1  { font-size: 5em; }
	.hero-slider .hero-text h2  { font-size: 3em; }
	.hero-slider .hero-slogan   { width: 100%; margin: 3em 0 0; }

	.banner               { height: 400px; }
	.banner .hero-text    { position: absolute;  margin: 0; padding: 0; top: 30%; left: 5%; right: 5%; color: #fff; }
	.banner .hero-text h1 { font-size: 5em; }
	.banner .hero-text h2 { font-size: 3em; }

	/* ==== HERO IMAGES === */
	.page-about 	{ background: url('../_img/banners/page-about-01-70em.jpg') center center no-repeat; }
	.page-website 	{ background: url('../_img/banners/page-website-01-70em.jpg') 50% 50% no-repeat; }
	.page-design 	{ background: url('../_img/banners/page-design-01-70em.jpg') 50% 50% no-repeat; }
	.page-marketing { background: url('../_img/banners/page-marketing-01-70em.jpg') 50% 50% no-repeat; }
	.page-video 	{ background: url('../_img/banners/page-video-01-70em.jpg') center center no-repeat; }
	.page-contact 	{ background: url('../_img/banners/page-contact-01-70em.jpg') center center no-repeat; }
	.page-privacy 	{ background: url('../_img/banners/page-privacy-01-70em.jpg') center center no-repeat; }
	.page-sitemap 	{ background: url('../_img/banners/page-sitemap-01-70em.jpg') center center no-repeat; }
	.img-tree-01	{ background: url('../_img/banners/banner-tree-01-70em.jpg') center center no-repeat; }
	.page-law-firm 	 { background: url('../_img/banners/page-law-firm-01-70em.jpg') 50% 50% no-repeat; }

	.intro 		{ display: block; margin: 0 auto; padding: 0 4em; }
	.intro h1	{ font-size: 3em; }
	.intro h2	{ font-size: 3.6em; }
	.intro h3	{ font-size: 2.6em; }
	.intro p	{ font-size: 1.6em; line-height: 1.4em; }

	/* === INDEX PAGE === */
	.index-services 	{ width: 100%; height: 100%; margin: 0 0 3em 0; padding: 0 2em; text-align: center;	}
	.index-services h1 	{ font-size: 4.5em; font-weight: 600; color: #8ec63f; }
	.index-services p 	{ text-align: center; font-size: 2.1em; line-height: 1.4em; }
	
	.index-service 		{ width: 45%; height: 540px; margin: 1em; padding: 1.4em; }
	.index-service h1 	{ font-size: 1.4em; font-weight: 600; }
	.index-service h2 	{ font-size: 1.3em; }
	.index-service p 	{ margin: 1em 0; text-align: center; font-size: 1.1em; }
	.index-service li 	{ margin: auto; font-size: 1.1em; }
	.index-testimonials-container { background: url('../_img/testimonials/bothell-everett-hwy-01-70em.webp') center center no-repeat;}

	/* --- SERVICES BLOCK --- */
	.service-block 			{ height: 960px; }
	.service-block img  	{ max-width:  100%; height: 100%; }
	.service-block h1   	{ font-size: 5em; }
	.service-block h2 		{ font-size: 4em; }
	.service-block p 		{ font-size: 2em; line-height: 1.3em; }
	
	ul.service-list 		{ display: inline-block; width: 45%; padding: 0 1em;}
	ul.service-list li img 	{ width: 5%; }

	/* --- StatCards --- */
	.statcards 	{ display: inline-block; width: 100%; margin: 0 0 -1px; padding: 0; }
	.statcard 	{ display: inline-block; width: 50%; height: 400px; margin: 0; padding: 0; float: left; transition: background .4s,border-radius .3s,opacity .4s; }

	/* --- Previous Clients --- */
	.previous-clients img { width: 30%; }

	/* ==== PAGE BLOCKS ==== */

	/* --- BLOCK BACKGROUNDS --- */
	.block-mission 		{ background: url('../_img/block-bg-mission-01-100em.jpg') center center no-repeat;}
	.block-webdesign 	{ background: url('../_img/block-bg-webdesign-01-100em.jpg') center center no-repeat;}
	.block-graphic-design {	background: url('../_img/block-bg-graphic-design-01-70em.jpg') center center no-repeat;}
	.block-marketing 	{ background: url('../_img/block-bg-marketing-01-100em.jpg') center center no-repeat;}
	.block-video 		{ background: url('../_img/block-bg-video-01-100em.jpg') center center no-repeat;}
	.block-mission 	{ background: url('../_img/block-bg-mission-01-100em.jpg') no-repeat 50% 50%; }
	.block-video 	{ background: url('../_img/block-bg-video-01-100em.jpg') center center no-repeat; }


	/* --- Block Imagery ---*/
/*	.video-block 	{ background: url('../_img/video-block-large.jpg') no-repeat 50% 50%; }
	.marketing-block{ background: url('../_img/marketing-block-large.jpg') no-repeat 50% 50%; }
	.graphic-block 	{ background: url('../_img/graphic-design-block-large.jpg') no-repeat 50% 50%; } 
	*/
	.img-power-of-experience { background: url('../_img/power-of-experience-01-100em.jpg') 50% 50% no-repeat; }

	/* --- BLOCKS --- */
	.bg-dark 	  { background: #333; color: #fff; }
	
	.block 	 	  { position: relative; width: 100%; margin:  0; padding: 3em; text-align: center;}
	.block header 	 { width: 100%; }
	.block header h2 { width: 100%; margin: 0 0 .3em; padding: 0; font-size: 2.3em; }
	.block header h3 { width: 100%; margin: 0 0 1em; font-size: 3em;}

	.block h1 	{ margin: 0 0 1em; font-size: 3em; font-weight: 800; color: #8ec63f; text-transform: uppercase;	}
	.block h2 	{ font-size: 2.3em; }
	.block p 	{ margin:  0 0 1em; font-size: 1.8em; line-height: 1.4em; }

	.block-text { padding-bottom: 3em; }
	.block-text h2 	{ margin: 0 0 .5em; padding: 0 1rem; }
	.block-text p 	{ margin: 1em 0; padding: 0 1rem; font-size: 1.3em; line-height: 1.6em;	}

	.page-faq { text-align: left; }


	/* --- Cards --- */
	.card 		{ width: 45%; height: 500px; margin: 3em 1em 0; padding: 2em 1em; }
	.card h1 	{ margin: 0 auto; font-size: 2em; }
	.card h2 	{ margin: 0 auto 1em; color: #333; font-size: 1.8em; }
	.card p 	{ margin: 0 auto 1em; padding: 0 .5em; font-size: 1.4em; color: #333; }
	.card img 	{ width: 55%; margin: 1em auto; }
	.card-text  { 
		display: flex;
		flex-direction: column;
		vertical-align: middle;
		align-items: center;
		justify-content: center;
		width: 100%;
		text-align: center;
		min-height: 400px;
		color: #fff;
		padding: 1em;
	}
	.card-text h1 { font-size: 7em; font-weight: 800; margin: 0 0 .1em; }
	.card-text h2 { font-size: 3em; }
	.card-text p  { font-size: 2em; }

	.banner-main h2 {
		font-size: 3.6em;
	}
	
	.flex 	 	  { display: flex; flex-direction: row; flex-wrap: wrap; }
	.block-2col-flex-text { display: flex; flex-direction: column; flex: 1; width: 50%; margin: 0; padding: 0 1em; text-align: left; vertical-align: top; }
	.block-2col-text { display: inline-block; width: 100%; margin: 0; padding: 0 1em; vertical-align: top; }
	.block-2col-2imgs { display: flex; flex-direction: column; width: 45%; margin: 0 0 0 2em; padding: 0; float: right; }
	.block-2col-2imgs img { display: inline-block; width: 100%; margin: 0 auto 1em; border: 3px solid #aaa; }
	.block-2col-2imgs img:last-child { display:	block; }


	.block-gallery-thumb {
	   width: 33.3%;
	}



	/* === PAGE:  CONTACT === */
	.contact-aside { width: 100%; margin: 0; padding: 0 10em 1em; font-size: 1.4em; line-height: 1.8em; text-align: center; }
	.contact-b-form { display: block; width: 80%; margin: 0 auto; padding: 0 1em; text-align: left; }

	.contact-bottom input[type="submit"] {
	    display: block;
	    width: 50%;
	    margin: 0 auto;
	    padding: .5em;
	    font-size: 2.4em;
	}






	/* === Make A Payment Page ===*/
	#smart-button-container {
	   width:  40%;
	}

	/* === FOOTER === */
	.footer-middle { display: inline-block; width: 100%; margin: 0 auto; text-align: center; }
	.footer-menu 	{ width: 50%; margin: 0 auto; float: left; }
	.footer-menu h2 	{ font-size: 1.4em; }
	.footer-menu a 	{ font-size: 1.6em; line-height: 1.4em; }
}





















@media all and (min-width: 50em) {
	/* REMOVE RESPONSIVE ELEMENTS FROM DESKTOP */
	.mobile-nav         { display: none;}
	.mobile-img         { display: none;}
	.tablet-img         { display: none;}
	
	.desktop-header { display: block; height: 80px; }
	.desktop-header .logo { display: inline-block; width: 33%; height: 80px; margin: 0; padding: 1.8em 2em 2em; vertical-align: top; }
	.desktop-header .logo img { width: 100%; }

	.page-header { position: sticky; top: 0; width: 100%; height: 80px; margin: 0; padding: 0; background: #fff; z-index: 100; }
	.page-header-message { display: inline-block; width: 25%; height: 80px; margin: 0; padding: 3em 0 0; text-align: center; vertical-align: top; }
	.page-header-message svg { width: 1.2em; height: 1.2em; vertical-align: middle; }
	
	.page-header-message a 	 { padding: .5em 1em; border: 1px solid #222; font-size: 1.6em; background: #333; }
	.page-header-message a:link,
	.page-header-message a:visited {
		color: #fff;
	}
	.page-header-message a:hover,
	.page-header-message a:active {
		color: #fff;
		background: #555;
	}

	.page-header-info {
		display: inline-block;
	    width: 41%;
	    height: 80px;
	    margin: 0;
	    padding: 1em 1em 0 0;
	    vertical-align: top;
	}

	/* --- Hero/Banner --- */
	.hero-slider .hero-slider .slick-list { height: 500px; }
	.hero-slider .hero-text     { top: 40%; }
	.hero-slider .hero-text h1  { font-size: 6em; }
	.hero-slider .hero-text h2  { font-size: 3em; }

	.banner               { height: 500px; }
	.banner .hero-text    { top: 40%; }
	.banner .hero-text h1 { font-size: 6em; }
	.banner .hero-text h2 { font-size: 3em; }

	.header-info { margin: 0; text-align: right; }
	.header-info li svg { width: 3em; height: 2.6em; margin: 0; padding: 0; vertical-align: middle; }
	.header-info li a 	{ font-size:  1.3em; vertical-align: middle; }
	.header-info li a:link,
	.header-info li a:visited {
		color: #333;
	}
	.header-info li a:hover,
	.header-info li a:active {
		color: #333;
	}

	.long-menu 			{ display: inline-block; width: 100%; margin: 0; padding: 0;background: #8ec63f; }
	.long-menu ul 		{ display: block; text-align: center; }
	.long-menu ul li 	{ position: relative; display: inline-block; margin: 1.3em 1.7em; }
	.long-menu ul li a 	{ font-size: 1.1em; color: #fff; text-decoration: none; }
	.long-menu ul li a#current-page { border-bottom: 1px solid #fff; }
	.long-menu ul li ul {
		display: none;
		position: absolute;
		top: 23px;
		background: #8EC63F;
		border-radius: 0 0 4px 4px;
		text-align: left;
	}
	.long-menu ul li:hover ul {
		display: block;
	}

	.long-menu ul li ul li {
		width: 146px;
		border-radius: 4px;
	}

	.long-menu ul li ul li a {
		padding: 8px;
	}

	.long-menu ul li ul li a:hover {
		background-color: #88BA00;
	}

	.long-menu a:hover 	{ color: #FFD521; }
	

	.long-menu ul li



	
	/* --- Intro Section --- */
	.intro p { font-size: 1.6em; }

	/* --- Cards --- */
	.card 		{ width: 45%; height: 680px; margin: 3em 1em 0; padding: 2em 1em; }
	.card h1 	{ font-size: 2.4em; }
	.card h2 	{ font-size: 2em; }
	.card p 	{ font-size: 1.8em; }
	.card img 	{ width: 55%; }
	
	/* ----- DISPLAY MOBILE ELEMENTS HIDDEN FROM DESKTOP ----- */
	.tablet-img 			 		{ display: inline-block; width: 100%; object-fit: cover;}
	.tablet-img img 				{ width: 100%; object-fit: cover; object-position: 50% 50%;}

	/* === INDEX PAGE === */
	.index-main-content 	{ width: 100%; margin: 3em auto 5em; padding: 0 0; }
	.index-main-content h1 	{ font-size: 1.8rem;}
	.index-main-content h2 	{ margin: 0 0 .3em; font-size: 4em;}

	.index-services 	{ width: 100%; height: 100%; margin: 0 0 3em 0; padding: 0 2em; text-align: center; }
	.index-services h1 	{ font-size: 4.5em; font-weight: 600; color: #8ec63f; }
	.index-services p 	{ width: 80%; margin: 0 auto; text-align: center; font-size: 2.1em; line-height: 1.4em; }
	
	.index-service 		{ width: 45%; height: 550px; margin: 2em 1em; }
	.index-service h1 	{ font-size: 1.4em; font-weight: 600; }
	.index-service h2 	{ font-size: 1.3em; }
	.index-service p 	{ margin: 1em 0; text-align: center; font-size: 1.1em; }
	.index-service li 	{ margin: auto; font-size: 1.1em; }
	
	.index-web-packages { display: block; margin: 2rem 0; padding: 4em 2em; }

	
	/* --- SERVICE BLOCKS --- */
	.service-block 		{ height: 960px; }
	.service-block h1 	{ font-size: 5em; }
	.service-block h2 	{ font-size: 4em; }
	.service-block p  	{ font-size: 2em; line-height: 1.3em; }
	.service-block img 	{ max-width:  100%; height: 100%; }

	.service-list 		{ display: inline-block; width: 47%; font-size: 1.8em; }
	/*ul.service-list li 	{ font-size: 1em; line-height: 1.6em; }*/
	.service-list li:before { width: 25px; height: 25px; left: -10px; top: 5px; }
	.service-list li img 	{ width: 5%; }

	.no-bkgrnd img.img-nobkgrd-block { width: 50%; margin: 1em 2em 2em 0; float: left; }
	.no-bkgrnd p.p-nobkgrnd-block { text-align: left; }

	/* FAQ Page Blocks */
	.block.section-faq {
	   margin: 4em 0;
	}

	/* --- STATCARDS --- */
	.statcard-text {
		display: flex;
		flex-direction: column;
		vertical-align: middle;
		align-items: center;
		justify-content: center;
		width: 100%;
		text-align: center;
		min-height: 400px;
		color: #fff;
		padding: 1em;
	}
	.statcard-text h2 { font-size: 8em; font-weight: 800; margin: 0 0 .1em; color: #8ec63f; }
	.statcard-text h3 { margin: 0 0 .5em;font-size: 2.6em; }
	.statcard-text p  { font-size: 2em; }


	/* --- LATEST PROJECTS --- */
	.latest-project { display: none; width: 33%; margin: 0; padding: 0; }

	/* --- TESTIMONIALS --- */
	.index-testimonials-block header h2 { font-size: 4.2em; font-weight: 600; }


	/* --- PREVIOUS PROJECTS --- */
	.previous-clients img { width: 25%;	}


	/* --- CALL TO ACTION BLOCK --- */
	.call-to-action 			{ margin: 1em auto 2em;}
	.call-to-action h1 			{ width: 100%; margin: 0 0 1.5em 0; font-size: 1.6rem;}
	.call-to-action ul li 		{ display: inline-block; list-style: none; margin: 0 1em 3em;}

	.deposit-title 		{ padding: 0 0 .5em; font-size: 2em; }
	.web-deposit-form select 	{ padding: .3em; color: #fff; background: #8dc03f ;}
	.deposit-note 		{ margin: 2em 0 0; font-size: 1.3em; line-height: 1.2em; }


	/* ----- PORTFOLIO ----- */
	.portfolio-container 	{ margin: 0 0 3em 0;}
	.filter 				{ width: 100%;}


	/* ----- CONTACT ----- */
	.contact-aside          { width: 100%; color: #333; float: none;}
	.contact-aside p        { font-size: 1.2em;}
	a.contact-email         { font-size: .9em; color: #333;}

	.contact-form           { display: inline-block; width: 100%; color: #333; float: none;}
	.contact-fs             { position: relative; display: inline-block; width: 100%; margin: 3em 0; float: right; border: 2px dashed #94c94b; border-radius: 5px;}
	.contact-form           { width: 100%; margin: 0; padding: 0; color: #333; float: right;}
	.contact-form p         { margin: 0 0 1em 0;}
	.contact-form label     { display: inline-block; width: auto; font-size: 1.2em; vertical-align: top;}

	p.contact-form-btn 		{ display: inline-block; width: 100%; margin: 0 0 1em 0; padding: 0; text-align: center;}
	.formSubmitResults 	{ font-size: 3em; }
	
	input[type="submit"].contact-us { width: 100px; height: 40px; margin: 0 auto; padding: 1.5; text-align: center; border: 1px solid #3df; background: skyblue; color: #fff; border-radius: 5px;}

	input.contact-first-name
	input.contact-last-name,
	input.contact-phone,
	input.contact-email 			{ width: 100%;}
	select, textarea    { width: 100%; }

	/* --- SITEMAP --- */
	ul.sitemap-ul li a {
		font-size: 2.2em;
		line-height: 1.6em;
		color:  #333;
	}
	ul.sitemap-ul li a:link,
	ul.sitemap-ul li a:visited {
		color: #333;
	}

	ul.sitemap-ul li a:hover,
	ul.sitemap-ul li a:active {
		color: #333;
	}


	
}














@media all and (min-width: 60em) {
	
	.main-content header h2 { font-size: 3em;}
	.main-content .under-construction-img {
	   height: 100vw;
	   background: url('../_img/under-construction-l.jpg') no-repeat center center;
	   background-size: cover;
	}

	.long-menu ul li a { font-size: 1.4em; }
	.long-menu ul li ul li {
		width: 200px;
		border-radius: 4px;
	}
	#mc_embed_signup input.email {
		width: 80% !important;
	}

	/* --- Hero/Banner --- */
	.hero-slider .hero-slider .slick-list { height: 500px; }
	.hero-slider .hero-text     { top: 65%; }
	.hero-slider .hero-text h1  { font-size: 6em; }
	.hero-slider .hero-text h2  { font-size: 3em; }

	.banner               { height: 500px; }
	.banner .hero-text    { top: 40%; }
	.banner .hero-text h1 { font-size: 6em; }
	.banner .hero-text h2 { font-size: 3em; }

	/* --- BLOCK BACKGROUNDS --- */
	.block-mission 	 	  { background: url('../_img/block-bg-mission-01-125em.jpg') center center no-repeat; }
	.block-webdesign 	  { background: url('../_img/block-bg-webdesign-01-125em.jpg') center center no-repeat; }
	.block-graphic-design { background: url('../_img/block-bg-graphic-design-01-125em.jpg') center center no-repeat; }
	.block-marketing 	  { background: url('../_img/block-bg-marketing-01-125em.jpg') center center no-repeat; }
	.block-video 		  { background: url('../_img/block-bg-video-01-125em.jpg') center center no-repeat; }


	/* --- Page Header --- */
	.desktop-header .logo 		{ width: 33%; padding: 1em 0 0 3em; }

	.page-header-message { width: 33%; }
	.page-header-info 	 { width: 33%; padding: .6em 2em 0 0; }

	.main-content 		{ min-height: 373px; }
	.page-faq 			{ width: 70%; margin: 0 auto }
	.faq-a-group h3 {
	    font-size: 2.2em;
	    font-weight: 600;
	}
	
	.page-faq ul li a {
	    font-size: 2em;
	}
	

	/* --- Block Imagery --- */
	.img-power-of-experience { background: url('../_img/power-of-experience-01-125em.jpg') 50% 50% no-repeat; }

	.intro-testimonial .quotation { font-size: 2.3em; }


	.index-services p 	{ width: 100%;}
	
	/* --- SERVICE BLOCK --- */
	.service-block 		  { height: 960px; }
	.service-block h1 	  { text-align: center; }
	.service-block h2 	  { text-align: center; }
	.service-block p 	  { width: 90%; margin: 0 auto 1em; font-size: 2.3em; line-height: 1.3em; }
	.service-block img 	  { max-width:  100%; height: 100%; }
		
	.service-lists 		  { display: block; width: 100%; margin: 0 auto; text-align: center; }
	.service-list 		  { display: inline-block; width: 30%; margin: 0 auto 2em; text-align: left; font-size: 1.4em; }
	.service-list li 	  { font-size: 1.4em; line-height: 1.6em; }
	.service-list li img  { width: 5%; }
	
	.mission-text h1,
	.mission-text h2,
	.mission-text p 	  { display: inline-block; width: 80%; }

	
	/* --- BLOCKS --- */
	.block-2col-text-infostats 		 { text-align: center; }
    .block-2col-text-infostats ul 	 { width: 45%; vertical-align: top; }
	.block-2col-text-infostats ul li { margin-left: 1em; font-size: 1.3em; line-height: 1.3em; text-align: left; }

	

	/* --- Contact Form --- */
	.contact-bottom { padding: 2em 8em 6em; }
	.contact-bottom h2 { font-size: 3em; }


	/* === PAGE:  CONTACT === */
	.contact-aside 	{ padding: 0 1em 1em; font-size: 1.8em; }
	.contact-info 	{ display: inline-block; width: 45%; }


	/* --- CTA BUTTONS --- */
	.cta {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.cta-index-btn { 
		display: inline-block; 
		width: 200px; 
		height: 65px; 
		margin: 0; 
		padding: 1em 0;
		font-size: 1.3rem; 
		color: #8EC63F; 
		border: 1px solid #8EC63F; 
		border-radius: 7px; 
		text-align: center; 
		float: none;
	}
	.cta-index-btn:hover { 
		color: #fff; 
		background: #8EC63F; 
	}

	/* === Page FAQ Blocks === */
	.page-faq-block {
	   display: inline-block;
	   width: 100%;
	   margin: 1em 0;
	   vertical-align: top;
	   font-size: 2.2em;
	   text-align: center;
	}

	.page-faq-block ul {
	   display: inline-block;
	   width: 45%;
	   margin: 0 auto 2em;
	   text-align: left;
	}

	.page-faq-block ul li {
	   margin-left: 1em;
	   line-height: 1.3em;
	   text-align: left;
	}

	.page-faq-block ul li h3 {
	   line-height: 1.2em;
	   color: #8ec63f;
	   font-size: inherit;
	}
	.page-faq-block ul li p {
		width: 100%;
		font-size: inherit;
	}
	/* --- FOOTER --- */
	.page-footer { 
		display: inline-block;
		width: 100%; 
		margin: 0;  
		color: #fff; 
		background: #333; 
	}
	.footer-container 		{ width: 100%; height: 100%; margin: 0 auto; padding: 2em 4em .5em; }
	.footer-container h1 	{ margin: 0 0 .3em 0; font-size: 1.4em; font-weight: bold;}
	.footer-container a 	{ color: #fff; }

	.footer-logo 	{ width: 40%; }
	.footer-logo p 	{ font-size: 2em; }

	.footer-first 	{ display: inline-block; width: 33%; padding: 0 4em 0 0; text-align: left; float: left;	}
	.footer-first p { font-size: 1.5em; }
	.footer-phone 	{ margin: 1em .5em 0 0; font-size: 1.4em; line-height: 1.4em; font-weight: bold; }

	
	.footer-middle  { width: 33%; height: 200px; float: left; }
	.footer-menu 	{ width: 50%; margin: 0 0 1.3em; float: left; text-align: left; }
	.footer-menu h2 { font-size: 1.6em; }
	.footer-menu li { margin: 0 0 0 1em; font-size: 1.2em; line-height: 1.4em; }
	.footer-menu a 	{ font-size: 1.2em; line-height: 1.4em; }
	
	.footer-last 	{ display: inline-block; width: 33%; padding: 0; text-align: right; float: left; clear: none; }
	.footer-last a  { margin: 0 0 1em 0; font-size: 2em; }

	.footer-copyright { position: relative; bottom: 0; margin: 1.5em auto 0; padding: 0; color: #fff; text-align: center; font-size: 1.4em;	}
}

/* === IPAD PRO === */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	/* --- Hero/Banner --- */
	.hero-slider .slick-list { height: 500px; }
	.hero-slider .hero-text     { top: 35%; }
	.hero-slider .hero-text h1  { font-size: 6em; }
	.hero-slider .hero-text h2  { font-size: 3em; }

	.banner               { height: 500px; }
	.banner .hero-text    { top: 28%; }
	.banner .hero-text h1 { font-size: 6em; }
	.banner .hero-text h2 { font-size: 3em; }

	.card { height: 560px; }

	/* MAIN NAVIGATION */
	.long-menu ul li a {
		font-size: 1.6em;
	}

	/* === Page FAQ Blocks === */
	.page-faq { width: 80%; }

	.page-faq-block ul {
	   width: 100%;
	}
}






















@media all and (min-width: 70em) {
	.long-menu ul li a { font-size: 1.7em; }
	/* ==== HERO IMAGES === */
	.page-about 	{ background: url('../_img/banners/page-about-01-100em.jpg') center center no-repeat; }
	.page-website 	{ background: url('../_img/banners/page-website-01-100em.jpg') 50% 50% no-repeat; }
	.page-design 	{ background: url('../_img/banners/page-design-01-100em.jpg') 50% 50% no-repeat; }
	.page-marketing { background: url('../_img/banners/page-marketing-01-100em.jpg') 50% 50% no-repeat; }
	.page-video 	{ background: url('../_img/banners/page-video-01-100em.jpg') center center no-repeat; }
	.page-contact 	{ background: url('../_img/banners/page-contact-01-100em.jpg') center center no-repeat; }
	.page-free-audit{ background: url('../_img/banners/page-free-audit-01-100em.webp') center center no-repeat; }
	.page-privacy 	{ background: url('../_img/banners/page-privacy-01-100em.jpg') center center no-repeat; }
	.page-sitemap 	{ background: url('../_img/banners/page-sitemap-01-100em.jpg') center center no-repeat; }
	.page-law-firm 	 { background: url('../_img/banners/page-law-firm-01-100em.jpg') 50% 50% no-repeat; }


	/* === INDEX PAGE === */
	.index-service 	{ width: 30%; }

	.contact-b-form { width: 70%; }
	.card { width: 30%; }

	.block-faq {
		display:  block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.block-faq ul {
		width: 45%;
		padding: 0 2em;
		vertical-align: top;
	}

	
}




















@media all and (min-width: 80em) {
	.long-menu ul li a { font-size: 1.9em; }
	/* --- Page Header --- */
	.desktop-header .logo img { width: 300px; }
	/* --- Hero/Banner --- */
	.hero-slider .slick-list { height: 700px; }
	.hero-text h1  { font-size: 8em; }
	.hero-text h2  { font-size: 4em; }

	.banner               { height: 700px; }
	.banner .hero-text    { top: 50%; }
	.banner .hero-text h1 { font-size: 8em; }
	.banner .hero-text h2 { font-size: 4em; }

	.intro { width: 80%; }

	.block  { padding: 3.5em 4em; }
	.index-service 	{ width: 30%; }
	.service-card 	{ width: 25%; }

	.statcard  { display: inline-block; width: 25%; height: 400px; margin: 0; padding: 0; float: left; transition: background .4s,border-radius .3s,opacity .4s; }

	.page-faq { 
		width: 60%; 
	}
}



















@media all and (min-width: 90em) {
	.long-menu ul li a { font-size: 2.1em; }
	/* === HERO IMAGES === */
	.page-about 	 { background: url('../_img/banners/page-about-01-125em.jpg') center center no-repeat; }
	.page-website 	 { background: url('../_img/banners/page-website-01-125em.jpg') 50% 50% no-repeat; }
	.page-design 	 { background: url('../_img/banners/page-design-01-125em.jpg') 50% 50% no-repeat; }
	.page-marketing  { background: url('../_img/banners/page-marketing-01-125em.jpg') 50% 50% no-repeat; }
	.page-video 	 { background: url('../_img/banners/page-video-01-125em.jpg') center center no-repeat; }
	.page-contact 	 { background: url('../_img/banners/page-contact-01-125em.jpg') center center no-repeat; }
	.page-free-audit { background: url('../_img/banners/page-free-audit-01-125em.webp') center center no-repeat; }
	.page-privacy 	 { background: url('../_img/banners/page-privacy-01-125em.jpg') center center no-repeat; }
	.page-sitemap 	 { background: url('../_img/banners/page-sitemap-01-125em.jpg') center center no-repeat; }
	.page-law-firm 	 { background: url('../_img/banners/page-law-firm-01-180em.jpg') 50% 50% no-repeat; }

	/* === INDEX PAGE === */
	.index-service { width: 25%; }

	/* --- SERVICE BLOCK */
	.service-block h1,
	.service-block h2,
	.service-block p { width: 80%; margin: 1em auto; text-align: center; }

	.service-lists { width: 80%; }


	/* === PAGE BLOCKS === */

	/* --- Block Backgrounds --- */
	.block-mission { background: url('../_img/block-bg-mission-01-125em.jpg') no-repeat 50% 50%; }

	/* --- Block Sections --- */
	.bg-dark h1 { width: 70%; margin: 0 auto 1em; font-size: 3em; line-height: 1.3em; }
	.bg-dark p 	{ width: 70%; margin: 0 auto; font-size: 3em; line-height: 1.3em; }

	.block h1 	{ font-size: 5em; margin: 0 auto 1em; }
	.block h2 	{ width: 100%; margin: 0 auto; font-size: 3.6em; }
	.block p 	{ width: 100%; margin: 0 auto 1em; font-size: 2em; }

	.block-mission h1 { font-size: 5em; }

	.block-2col-text p { font-size: 2em; line-height: 1.3em; }
	.block-2col-2imgs { width: 40%; }

	.flex-content { margin: 6em 0 0; }
	.block-2col-flex-text h2 { width: 100%; margin: 0; font-size: 3em; }
	.block-2col-flex-text p  { width: 100%; margin: 0 0 1em; font-size: 2em; }


	/* --- Cards --- */
	.card 		{ width: 30%; height: 750px; }
	.card h1 	{ font-size: 3.2em; margin: 0; }
	.card h2 	{ font-size: 2em; }
	.card img 	{ width: 55%; }
	.card p 	{ font-size: 1.8em; }

	.previous-clients img 	{ width: 20%;	}

	.contact-b-form 		{ width: 60%; }
}



















@media all and (min-width: 100em) {
	.long-menu ul li a { font-size: 2.3em; }
	.img-power-of-experience { background: url("../_img/power-of-experience-01-125em.jpg"); }


	.intro h1,
	.intro h2,
	.intro p,
	.intro blockquote {
		width: 80%;
		margin: 1em auto;
	}

	/* === INDEX PAGE === */
	.index-services { display: inherit; width: 100%; height: 100%; margin: 0 auto 3em; }
	.index-service 	{ width: 30%; }

	.mission-text 	{ display: inline-block; margin: 4em auto 0; text-align: center; }
	.mission-text p {margin: 0 auto; }

	/* --- SERVICES BLOCK --- */
	.service-list li img { width: 4%; }


	/* === PAGE BLOCKS === */
	.block h1 { font-size: 5em; margin: 0 auto; padding: 0; }
	.block h2 { font-size: 4em; }

	.block-2col-text-infostats { text-align: center; }
    .block-2col-text-infostats ul { width: 45%; vertical-align: top; }
	.block-2col-text-infostats ul li { margin-left: 1em; font-size: 1.6em; line-height: 1.3em; text-align: left; }


	/* === CARDS === */
	.card h1 { font-size: 3em; }

	.contact-b-form { width: 50%; }
}






















@media all and (min-width: 120em) {
	.page-about { background: url('../_img/banners/page-about-01-180em.jpg') center center no-repeat; }
	.page-website { background: url('../_img/banners/page-website-01-180em.jpg') 50% 50% no-repeat; }
	.page-design  { background: url('../_img/banners/page-design-01-180em.jpg') 50% 50% no-repeat; }
	.page-marketing { background: url('../_img/banners/page-marketing-01-180em.jpg') 50% 50% no-repeat; }
	.page-video { background: url('../_img/banners/page-video-01-180em.jpg') center center no-repeat; }
	.page-contact { background: url('../_img/banners/page-contact-01-180em.jpg') center center no-repeat; }
	.page-privacy { background: url('../_img/banners/page-privacy-01-180em.jpg') center center no-repeat; }
	.page-sitemap { background: url('../_img/banners/page-sitemap-01-180em.jpg') center center no-repeat; }
	.page-free-audit { background: url('../_img/banners/page-free-audit-01-180em.webp'); center center no-repeat; }

	.banner { height: 1000px; }

	/* --- BLOCK BACKGROUNDS --- */
	.block-mission 			{ background: url('../_img/block-bg-mission-01-180em.jpg') center center no-repeat; }
	.block-webdesign 		{ background: url('../_img/block-bg-webdesign-01-180em.jpg') center center no-repeat; }
	.block-graphic-design 	{ background: url('../_img/block-bg-graphic-design-01-180em.jpg') center center no-repeat; }
	.block-marketing 		{ background: url('../_img/block-bg-marketing-01-180em.jpg') center center no-repeat; }
	.block-video 			{ background: url('../_img/block-bg-video-01-180em.jpg') center center no-repeat; }

	/* --- SERVICES BLOCK --- */
	.service-list 	{ display: inline-block; width: 30%; margin: 0 auto 2em; text-align: left; font-size: 1.4em; }

	/* --- CONTACT FORM --- */
	.contact-b-form { width: 40%; }


	/* === FOOTER === */
	.footer-logo { width: 25%; }
}