@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
@media only screen and (min-width:200px) and (max-width: 900px) {
	.right, .left {float:none !important}
	form .right {float:right !important}
	form .left {float:left !important}
	body, html, #container, 
	#body, #home #content, 
	.width, 
	#static_wrapper, 
	#header {
		min-width:200px;
		max-width:900px
	}
	svg {width:100% !important;}
	#footer-inner .slider {width:100% !important;}
	#container, 
	#body, 
	#home #content, 
	.width, 
	#static_wrapper {
		width:auto !important;
		float:none !important
	}
	#home #content #intro {
		max-width:900px;
		width:100% !important
	}
	.width {
		width:auto !important;
		float:none !important;
		margin:0;padding:0
	}
	#content {
		width:auto !important;
		float:none !important;
		margin:0;
		padding:0
	}
	#body {
		width:auto !important;
		float:none !important;
		margin:0;
		padding:0
	}
	body {
		width:auto !important;
		float:none !important;
		margin:0;
		padding:0
	}
	html {
		width:auto !important;
		float:none !important;
		margin:0;
		padding:0
	}
	#header {
		width:auto !important;
		padding-top:20px;
		float:none !important
	}
	.leftcol {
		width:auto !important;
		float:none !important;
		min-height:auto !important
	}
	.right-panel {
		width:auto !important;
		float:none !important
	}
	.home-cta {
		background:transparent !important;
		width:95%;
		padding:20px !important
	}
	.rightcol {width:96% !important}
	.leftcol {width:auto !important}
	header#header {display:none}
	body {background:transparent !important}
	#header {height:180px}
	.news .entry img {display:none}
	.entry {width:auto}
	.entry p {width:auto}
	.enews, .news {width:auto !important;}
	#mobile-header {
		background-color:#92B090;
		display:block !important;
		width:100%;
		z-index:9
	}
	body {position:relative}
	#mobile-header .logo {margin:10px;float:left}
	.btn-navbar {
		margin-top:5px;
		margin-right:10px;
		margin-bottom:5px
	}
	#home #object {display:none}
	#mobile-nav {
		display:none;
		position:absolute;
		top:54px;
		left:0;
		width:100%;
		z-index: 10;
	}
	#mobile-header h6 {
		float:left;
		color:#fff;
		margin:5px 0 0 15px
	}
	#mobile-nav li.first {border-top:0}
	#mobile-nav li {
		width:100% !important;
		float:none;
		background-color:#92B090;
	}
	#mobile-subnav {
		display:block;
	}
	.btn-navbar {display:block}
	#footer #left ul li a {
		width:140px !important;
		max-width:280px
	}
	header .logo {display:none}
	.mobilenav {display:block}
	.desktopnav {display:none}
	#top-level #rightbox {float:none !important}
	#top-level #leftbox {float:none !important}
	.forms li {
		display:block !important;
		float:none !important;
		width:100% !important;
		padding:0 !important
	}
	.forms li input {
		display:block;
		float:left !important;
		margin:5px 0;
		clear:both;
		margin-right:0px !important;
		width:98% !important
	}
	.forms li label {
		display:block;
		float:none !important;
		margin:0;
		clear:both;
		width:200px;
		font-size: 14px;
		line-height: 24px
	}
	.captcha {clear:both}
	.forms li input.radio {
		display:inline !important;
		width:13px !important;
		float:none !important
	}
	.forms .group {margin-bottom:20px}
	.forms .group li {padding-bottom:10px}
	#contact #comments {width:320px !important}
	.forms .group label {
		font-size:16px;
		line-height:28px
	}
	.forms .group li label {
		width:240px;
		font-size:12px !important;
		line-height:18px !important;
		display:inline
	}
	#case-study, #client {width:auto !important}
	#case-study .detail,
	#client .detail {
		width:auto !important
	}
	.cs {display:none}
	.hidemobile {display:none}
	#contact #submit {
		width:100% !important;
		background-color:#999
	}
	.comments {display:none}
	.mejs-container {width:100% !important;}
	.mejs-overlay {
		width:100% !important;
		height:auto !important
	}
	.mejs-layer {
		width:100% !important;
		height:auto !important
	}
	video {width:100% !important}
	.phonetoggle, .phonetoggle img {display:block !important}
	.phonetoggle img {width:280px !important}
	#width {margin-top:-300px}
	#cycle-nav {display:none}

	nav#nav {}
	nav#nav li a {padding:8px 15px !important}
	#nav {width:auto !important}
	#container {border-bottom:0 !important}
	#footer {
		width:100%;
		padding:0
	}
	.contact #container {padding-top:50px}
	.leftcol {padding:20px !important}
	.leftcol img {
		max-width:100%;
		width:auto
	}
	#swiffycontainer {width:100%}
	#swiffycontainer div {
		max-width:100%;
		width:auto
	}
	
}
@media only screen and (min-width: 100px) and (max-width: 300px) {
	.portfolio-wrapper .portfolio-nav .competencies li a,
	.portfolio-wrapper .portfolio-nav .competencies li,
	.portfolio-wrapper .portfolio-nav .section-pager li,
	.portfolio-wrapper .portfolio-nav .section-pager li a {font-size:10px !important}
}
@media only screen and (min-width: 300px) and (max-width: 400px) {
	.portfolio-wrapper .portfolio-nav .competencies li a,
	.portfolio-wrapper .portfolio-nav .competencies li,
	.portfolio-wrapper .portfolio-nav .section-pager li,
	.portfolio-wrapper .portfolio-nav .section-pager li a {font-size:10px !important}
}
@media only screen and (min-width: 400px) and (max-width: 500px) {
	.portfolio-wrapper .portfolio-nav .competencies li a,
	.portfolio-wrapper .portfolio-nav .competencies li,
	.portfolio-wrapper .portfolio-nav .section-pager li,
	.portfolio-wrapper .portfolio-nav .section-pager li a {font-size:11px !important}
}
@media only screen and (min-width: 500px) and (max-width: 600px) {
	.portfolio-wrapper .portfolio-nav .competencies li a,
	.portfolio-wrapper .portfolio-nav .competencies li,
	.portfolio-wrapper .portfolio-nav .section-pager li,
	.portfolio-wrapper .portfolio-nav .section-pager li a {font-size:12px !important}
}