/* tablet ----------- */
@media only screen and (max-width : 1024px) {
	
	section.body header.group { width: 100%; margin-top: 0; }
	section.body header.group.no-featured { margin-top: 20px; }
	section.body header.group h1.title { font-size: 26px; font-size: 2.6rem; line-height: 33px; padding: 15px 4% 13px; }
	section.body header.group h3 { padding: 12px 4% 11px 4%; }
	section.body header.group h4 { padding: 9px 4% 8px 4%}
	
	section.body .content { float: none; width: 100%; }
	section.body .content .widget.share { display: none; }
	
	section.body .sidebar { float: none; width: 100%; margin-top: 20px; border-top: 1px solid #eae9e9; padding-top: 15px;  }
	
	section.body.blogroll .content .row .hentry .details .meta span { display: block; line-height: 18px; }
	section.body.blogroll .content .row .hentry .details .meta .by:after,
	section.body.blogroll .content .row .hentry .details .meta .location:after { content: ''; }
	
	section.body.services .content .services .section { padding: 0 4% 0 0; width: 29%; background: none transparent; }
	
	section.body .hero .group { width: 75%; }

	.author section.body .hero .group { position: absolute; width: 100%; bottom: 20px; }
	.author section.body .w.group { width: 91.25%; margin: 0 auto; float: none; }
	.author section.body.blogroll.author .hero { float: none; min-height: 180px !important; padding: 0; width: 100%; }
	.author section.body.blogroll.author .hero .author { display: none; }
	.author section.body .hero h1.title { text-align: left; }
	.author section.body .hero h3 { text-align: left; padding: 12px 5.995717344753747% 11px 5.995717344753747%; }
	.author section.body .hero p { display: none; }
	.author footer.body { margin-top: 80px; }
	
	.single-case_studies header.hero .w{width:100%;margin-left: 0;position: relative;margin-top: 0;}
	.single-case_studies header.hero .w h1{padding-right: 1%;}
	.single-case_studies article.content{padding-top: 0}
	.single-case_studies aside#sidebar_services .widget_nav_menu{padding-left: 2%;}
	.single-case_studies aside#sidebar_services #wysija-5 input[type=submit]{margin-top: 20px}
	.single-case_studies aside#sidebar_services #wysija-5 h3{font-size: 40px}
	
	footer.body h4 { font-size: 31px; font-size: 3.1rem; }
}

/* smaller than a bread basket bigger than an apple */
@media only screen and (max-width : 767px) {

	header.body .head a.menu-link { display: none; }
	header.body .head a.menu-link { cursor: pointer; padding: 19px 0; text-transform: uppercase; color: #fff; float: right; display: block; background: url('images/bg.menu-link.png') right 10px center no-repeat; padding-right: 55px; height: 20px; }
	header.body .head a.menu-link:before { content: "MENU"; }
	header.body .head a.menu-link.close{ background: url('images/bg.menu-link.close.png') right 10px center no-repeat; }
	header.body .head a.menu-link.close:before { content: 'CLOSE'; }

	header.body .head .links { float: none; display: none; padding: 0 0 0 0; clear: both; }
	header.body .head .links ul {}
	header.body .head .links ul li { float: none; }
	header.body .head .links ul li a { border-top: 1px solid #69C6E4; padding: 12px 10px; }
	header.body .head .links ul li:last-child a { border-bottom: 1px solid #69C6E4; }
	
	section.body { }
	section.body .w.group { padding-top: 20px; }
	
	section.body .hero { min-height: 210px; background-position: center center !important; }
	section.body .hero .group { width: 100%; bottom: 0; position: static; }

	section.body.blogroll.search .hero { padding-top: 50px; }
	section.body.blogroll.search .hero .group { width: 70%; }
	
	section.body .hero h1.title { float: none; font-size: 20px; font-size: 2rem; line-height: 25px; }
	section.body .hero h3 { float: none; font-size: 14px; font-size: 1.4rem; }
	section.body .hero h4 { float: none; font-size: 12px; font-size: 1.2rem; }
	
	section.body .content header .title { font-size: 28px; font-size: 2.8rem; line-height: 27px; margin-bottom: 10px;  }
	section.body .content h2 { font-size: 30px; font-size: 3rem; }
	section.body .content ul,
	section.body .content ol { margin: 0 0 25px 9%; }
	section.body .content ul li,
	section.body .content ol li { padding-left: 5px; }
	
	section.body .content section#comments ul li ul { margin-left: 10px; }
	section.body .content section#comments .comment-author-avatar { display: none; }
	section.body .content section#comments .comment-content { margin-left: 0; }
	
	section.body .content .widget.share { display: none; }
	
	section.body #breadcrumbs { display: none; }
	
	section.body.blogroll .content .row .hentry { width: 100%; float: none; margin: 0 0 15px 0; }
	section.body.blogroll .content .row .hentry .details .meta span { display: inline; }
	
	section.body.services .content .services .row { margin: 0; }
	section.body.services .content .services .section { padding: 0; width: 100%; float: none; }
	
	section.body #promoted { display: none; }
	section.body #promoted .hero-wrapper .hero { background-image: none !important; }
	
	section.body .navigation ul { margin: 0; }
	section.body .navigation ul li { padding: 0; margin-bottom: 5px; }
	
	
	section.body .additional-posts .posts .post { float: none; width: 100%; margin: 0 0 30px; }
	
	footer.body { padding-top: 20px; }
	footer.body .w { min-height: 0; background-position: center top; padding-top: 82px; text-align: center; }
	footer.body h4 { font-size: 34px; font-size: 3.4rem; line-height: 34px; margin-bottom: 10px; text-align: center; }
	footer.body p { text-align: center; }
	footer.body nav .widget ul { text-align: center; }
	
	/*Pages*/
	body.page-id-5 .welcome { float: none; width: 100%; }
	body.page-id-5 .locations,
	body.page-id-5 .locations .location,
	body.page-id-5 .locations .location.duluth { float: none; margin: 0; }
	
	
	.single-case_studies header.hero .w h1 { width:99%; font-size: 28px; float: none; }
	.single-case_studies header.hero .w p { padding-right: 4%; float: none; width: auto; display: inline-block; }
	.single-case_studies article.content p:first-child{}
	.single-case_studies article.content p{float:none;width:100%;padding-right: 0;margin-bottom: 0;padding: 5px 0}
	.single-case_studies article.content .bottom{}
	
	.single-case_studies aside#sidebar_services .widget_nav_menu h3 { line-height: 50px; padding-bottom: 0; height: auto; }
	.single-case_studies aside#sidebar_services .widget_nav_menu,
	.single-case_studies aside#sidebar_services #wysija-5{ width: 100%; padding: 0 4%; }
	.single-case_studies aside#sidebar_services { padding-top: 20px; }
	.single-case_studies aside#sidebar_services #wysija-5{ padding: 20px 4%; margin-top: 20px; }
}

/* phone ----------- */
@media only screen and (max-width : 568px) {
	
	.single-case_studies article.content .w.images img{float: none;width:100%;}
	
	footer.body nav .widget ul li { display: block; }
	footer.body nav .widget ul li a { padding: 6px 10px; display: block; }
	
}