/*
	Theme Name: Harterra
	Theme URI: http://nelsondesigncollective.com/
	Description: Custom WordPress Theme
	Version: 1.0
	Author: Joshua Jarman
	Author URI: http://nelsondesigncollective.com/
	Tags: Custom Theme
	License: Copytighted © All rights reserved.
*/

/* #### Resets #### */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:62.5%}body{font:300 11px/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#444}.clear:before,.clear:after{content:' ';display:table}.clear:after{clear:both}.clear{*zoom:1}img{max-width:100%;vertical-align:bottom}a{color:#444;text-decoration:none}a:hover{color:#444}a:focus{outline:0}a:hover,a:active{outline:0}input:focus{outline:0;border:1px solid #04A4CC}h1,h2,h3,h4,h5,h6{line-height:normal;margin:0;padding:0;}

/* #### Wordpress Core #### */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding: 0 4px 5px; }
.sticky { }
.bypostauthor { }

/* #### Main Settings #### */
/* ## Selection Color ## */
::-moz-selection, ::-webkit-selection, ::selection { background:#04A4CC; color:#FFF; text-shadow:none; }
a { cursor: pointer !important; }
*.scrollto:focus, *.scrollto:active { box-shadow: none !important; outline: none !important; }
a.button-dark { display: inline-block; background: #fff; box-shadow: none; text-transform: uppercase; font-size: 1.6em; padding: 13px 65px 10px; border: 2px solid #fff; color: #305472; cursor: pointer; white-space: nowrap; }
a.button-dark:hover, a.button-dark:focus { background: #305472; color: #fff; text-decoration: none; }

/* ## Fonts ## */
/* # Note: Main Site Font (Proxima Nova) Included via TypeKit JS # */
body { font-family: 'Proxima Nova', 'Source Sans Pro', Tahoma, Verdana, sans-serif; font-size: 18px; font-weight: normal; }
/* # Note: Icon Font (hss-icons) Included via WP-Enqueue of (./css/hss-icons.css) # */
@media only screen and (max-width:400px) {
	body { font-size: 16px; }
}

/* ## Colors ## */
body { color: #2b5172; background: #fff; }
a { color: #cb9105; cursor: pointer !important; }
a:hover{ color: #cb9105; text-decoration: underline; }
p { line-height: 1.3em; }

/* ## Wrapper ## */
.page-wrapper { width:100%; max-width: 100%; overflow-x: hidden; margin:0 auto; position:relative; text-align: center; }
.page-wrapper>* { position: relative; z-index: 10; }

/* #### Header #### */
header { display: block; position: relative; margin-top: 0px; color: #fff; min-height: 300px; padding: 0px 0 20%; background: url('./img/slide_01.jpg') center center no-repeat; background-size: cover; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 18vw)); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 18vw)); }
header #header-container { width: 100%; max-width: 1200px; margin: 0px auto; padding-top: 10%; }
header #header-container #logo-container { margin: 0px auto 0px; max-width: 800px; width: 100%; padding: 10px 100px 0px; }
header #header-container #logo-container a { display: inline-block; }
header #header-container #logo-container #logo { width: 100%; height: auto; margin: 10px 0px 10px; }
header #header-container #logo-container .icon-harterra:before { color: #fff; font-size: 35vw; line-height: 0.4em; }
header #header-container #title-container { margin: 0px auto 0px; max-width: 800px; width: 100%; padding: 0px 100px; }
header #header-container #tagline-container { margin: 0px auto 0px; max-width: 800px; width: 100%; padding: 4px 100px; }
header #header-container #title-container h1 { letter-spacing: 1px; font-size: 3em; font-weight: normal; line-height: 1em; white-space: normal; }
header #header-container #tagline-container h2 { letter-spacing: 1px; font-size: 2em; font-weight: lighter; line-height: 0.95em; }
@media only screen and (max-width:650px) {
	header #header-container #logo-container { padding: 10px 45px 0px; }
	header #header-container #title-container { padding: 0px 45px; }
	header #header-container #tagline-container { padding: 0px 45px; }
}
@media only screen and (max-width:799px) {
	header #header-container #title-container h1 { font-size: 2.4em; }
	header #header-container #tagline-container h2 { font-size: 1.4em; }
}
@media only screen and (max-width:530px) {
	header #header-container #title-container h1 { font-size: 1.8em; }
	header #header-container #tagline-container { display: none; }
}
@media only screen and (max-width:400px) {
	header #header-container #title-container h1 { font-size: 1.4em; max-width: 100%; white-space: normal; }
}

/* #### Navigation #### */
nav { display: block; }
nav { position: relative; }
nav ul { display: block; list-style: none; margin: 0; padding: 0; vertical-align: top; }
nav ul li { display: inline-block; list-style: none; margin: 0; padding: 0; vertical-align: middle; }
nav a { display: inline-block; vertical-align: middle; }
nav ul a { display: block; }
nav ul ul { display: none; position: absolute; }
nav ul li:hover>ul { display: block; }
nav ul ul li, nav ul ul li a { display: block; text-align: left; }
nav>a { display: none; }
nav .active { text-decoration: underline !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* ## Header Navigation ## */
#spacer_for_nav { height: 5px; }
#navigation { display: block; position: absolute; width: 100%; z-index: 9999 !important; width: 100%; text-align: center;  min-height: 50px; }
#navigation nav { display: block; position: relative; z-index: 9999; }
#navigation a { color: #fff; display: inline-block; padding: 25px 25px; }
#navigation.sticky { background: #FFF; color: #2a5172; box-shadow: 0px 3px 6px rgba(0,0,0,0.35); }
#navigation.sticky a { color: #2a5172; }
#navigation #nav-logo { display: none; float: left; width: 125px; position: relative; z-index: 9999; margin: 4px 0px 0px 15px; padding: 0px; }
#navigation>a.nav-button { display: none; position: absolute; right: 20px; top: -25px; z-index: 99999; }
#navigation>a:hover { text-decoration: none; }
#navigation>a.nav-button::after { display: inline-block; content: '☰'; text-indent: 0; font-weight: bold; font-size: 2em; }
#navigation>a .remove { display: none; }
@media only screen and (max-width:1040px) {
	#navigation a { padding: 25px 15px; }
}
@media only screen and (max-width:880px) {
	#navigation a { padding: 25px 5px; }
}
@media only screen and (max-width:750px) {
	#navigation.sticky #nav-logo { display: block; position: absolute; }
	#navigation>a { display: block; }
	#navigation>a#main-nav-show { display: block; }
	#navigation>a#main-nav-hide { display: none; }
	#navigation[state='show']>a#main-nav-hide { display: block; }
	#navigation[state='show']>a#main-nav-show { display: none; }
	#navigation nav { display: none; }	
	#navigation[state='show'] nav { display: block; top: 50px; background: #fff; }
	#navigation nav ul li { display: block; }
	#navigation nav a { display: block; width: 100%; color: #2a5172; padding: 15px; border: 0px none; border-bottom: 1px solid #2a5172; }
	#navigation nav ul li:first-child a { border-top: 1px solid #2a5172; }
}
@media only screen and (max-width:600px) {
	#navigation { top:0; }
}

/* #### SubFooter #### */
subfooter { display: block; background: #3c6590; padding: 45px 0; color: #fff; letter-spacing: 0.5px; text-align: left; }
#subfooter-container { width: 100%; max-width: 1200px; margin: 0px auto; font-size: 0.9em; }
#subfooter-container::after { content: ""; display: block; clear: both; }
#subfooter-container .float-left { float: left; width: 50%; padding: 0 5%; }
#subfooter-container .float-right { float: right; width: 50%; padding: 0 5%; }
#subfooter-title-block h2 { text-align: left; font-size: 3.6em; font-weight: bold; letter-spacing: 1px; margin: 10px 0px 35px; line-height: 1em; }
#subfooter-top-block { font-size: 1.15em; font-weight: 200; }
#subfooter-top-block p { line-height: 1.5em; }
#subfooter-contact-form .form-group { position: relative; padding: 10px 0px 5px; }
#subfooter-contact-form input[type='text'], #subfooter-contact-form input[type='email'] { display: block; background: transparent; border: 0 none; border-bottom: 2px solid #fff; color: #fff; box-shadow: none; margin-top: -5px; }
#subfooter-contact-form input[type=text]:focus,  #subfooter-contact-form input[type='email']:focus { box-shadow: none; }
#subfooter-contact-form textarea { display: block; background: transparent; border: 2px solid #fff; color: #fff; box-shadow: none; }
#subfooter-contact-form textarea:focus { box-shadow: none; }
#subfooter-contact-form label { position: absolute; top: -8px; font-weight: normal; text-transform: uppercase; font-size: 0.7em; margin-bottom: -10px; }
#subfooter-contact-form *::placeholder { color: #fff; text-transform: uppercase; }
#subfooter-contact-form input[type='text']:placeholder-shown + label, #subfooter-contact-form input[type='email']:placeholder-shown + label, #subfooter-contact-form textarea:placeholder-shown + label { opacity:0; transform: translateY(100%); }
#subfooter-contact-form input[type='submit'] { display: inline-block; box-shadow: none; text-transform: uppercase; font-size: 1.6em; padding: 8px 85px 5px; border: 2px solid #fff; color: #305472; cursor: pointer; }
#subfooter-contact-form input[type='submit']:hover, #subfooter-contact-form input[type='submit']:focus { background: #305472; color: #fff; }
#subfooter-bottom-block h2 { margin-top: 45px; font-size: 2em; letter-spacing: 0.05em; margin-bottom: 25px; }
#subfooter-bottom-block p { font-size: 0.9em;  line-height: 2em; }
#subfooter-bottom-block p a { color: #fff; }
#subfooter-bottom-block p:last-child { padding-top: 25px; line-height: 2em; }
@media only screen and (max-width:875px) {
	#subfooter-container .float-left { float: none; width: 100%; padding: 0 5%; }
	#subfooter-container .float-right { float: none; width: 100%; padding: 0 5%; }
}

/* #### Footer #### */
footer { display: block; background: #2f5472; padding: 45px 50px; color: #fff; letter-spacing: 0.5px; font-family: 'Source Sans Pro Light', 'Source Sans Pro', 'Proxima Nova', Tahoma, Verdana, sans-serif; text-align: left; font-size: 0.8em; }
#footer-container { width: 100%; max-width: 1200px; margin: 0px auto; font-size: 0.9em; }
#footer-container #copyright { display: inline-block; }
#footer-container #copyright p { margin: 0px; padding: 0px; font-weight: 200; }
#footer-container a { color: #fff; }
footer #top_link { float: right; font-size: 1.5em; text-align: center; letter-spacing: 1px; margin-top: 7px;  }
footer #top_link a:hover { text-decoration: none; }
footer #top_link .icon-uparrow { display: block; font-size: 2.1em; height: 22px; position: relative; margin-top: -25px; }
footer #top_link .text-label { display: block; font-size: 0.95em; font-weight: 300; padding-top: 7px; }
@media only screen and (max-width:400px) {
	footer { padding: 45px 20px; }
}

/* #### Homepage #### */
#about-us-container { text-align: left; width: 100%; max-width: 1000px; margin: 0px auto; padding: 100px 100px 0px; }
#about-us-container h2 { text-align: center; font-size: 3.4em; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; line-height: 1em; }
#about-us-container h3 { text-transform: uppercase; font-size: 1.4em; font-weight: 300; }
@media only screen and (max-width:450px) {
	#about-us-container h2 { font-size: 2.8em; }
}
/* ## Services ## */
#services { background: #2d5271; min-height: 400px; color: #fff; padding: 15% 10%; clip-path: polygon(0 18vw, 100% 0, 100% 100%, 0 calc(100% - 18vw)); -webkit-clip-path: polygon(0 18vw, 100% 0, 100% 100%, 0 calc(100% - 18vw)); }
#services-container { width: 100%; max-width: 1000px; margin: 0px auto; padding: 60px 25px; text-align: center; }
#services-container h2 { text-align: center; font-size: 3.4em; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; padding; 0px 15px; line-height: 1em; }
#services-container ul { display: block; list-style: none; margin: 0px; padding: 0px; text-align: center; }
#services-container li { display: inline-block; vertical-align: top; list-style: none; margin: 0 auto; padding: 15px; }
#services-container ul::after { content: ""; display: block; clear: both; }
#services-container ul.main-points li { width: 31%; position: relative; padding: 25px 1.5% 15px; }
#services-container ul.main-points li:first-child { padding-left: 0; float: left; }
#services-container ul.main-points li:last-child { padding-right: 0; float: right; }
#services-container ul.main-points .remove { display: none; }
#services-container ul.main-points .icon { font-size: 3.5em; }
#services-container ul.main-points h3 { text-transform: uppercase; font-weight: 400; font-size: 1.5em; }
#services-container ul.main-points li:first-child h3, #services-container ul.main-points li:last-child h3 { text-align: left; }
#services-container ul.main-points li p { text-align: left; font-weight: 200; }
#services-container ul.sub-points li { width: 24%; position: relative; padding: 25px 1.5% 45px; text-align: left; font-weight: 300; font-size: 0.9em; }
#services-container ul.sub-points li:first-child { padding-left: 0; float: left; }
#services-container ul.sub-points li:last-child { padding-right: 0; float: right; }
@media only screen and (max-width:850px) {
	#services { padding: 15% 25px; }
}
@media only screen and (max-width:750px) {
	#services-container ul.main-points li { display: block; float: none !important; width: 100%; padding: 20px 10px !important; text-align: left; }
	#services-container ul.main-points .icon { display: inline-block; vertical-align: middle; font-size: 2.5em; }
	#services-container ul.main-points h3 { display: inline-block; vertical-align: middle; padding-left: 15px; position: relative; margin-top: -10px; }
	#services-container ul.main-points p { padding-top: 0px !important; margin-top: 0px !important; }
	#services-container ul.sub-points { padding-bottom: 25px; }
	#services-container ul.sub-points li { display: block; float: none !important; width: 100%; padding: 10px !important; }
}
@media only screen and (max-width:450px) {
	#services { padding: 15% 0; }
	#services-container ul.main-points .icon { display: none; }
	#services-container ul.main-points h3 { display: block; padding: 15px 0px !important; }
	a.button-dark { padding: 13px 45px 10px; margin-bottom: 25px; }
}
/* ## What Sets Us Apart ## */
#what-sets-us-apart-container { text-align: left; width: 100%; max-width: 1000px; margin: 0px auto; padding: 60px 100px; }
#what-sets-us-apart-container h2 { text-align: left; font-size: 3.4em; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; line-height: 1em; }
/* ## Team ## */
#team-container { text-align: left; width: 100%; max-width: 1000px; margin: 0px auto; padding: 100px 100px 0px; }
.team-member { padding-bottom: 25px; }
.team-member .team-member-image { position: relative; display: inline-block; width: 33%; vertical-align: top; padding: 0px 25px 0px 0px; }
.team-member .team-member-info { position: relative; display: inline-block; width: 66%; vertical-align: top; padding: 0px 15px; }
.team-member .team-member-info h2 { font-size: 1.9em; text-transform: uppercase; font-weight: 500; }
.team-member .team-member-info h3 { font-size: 1.2em; font-weight: 400; }
.team-member .team-member-social a { display: inline-block; margin: 5px; font-size: 1.4em; color: #2d5271; }
.team-member .team-member-social a:hover { color: #cb9105; text-decoration: none; }
@media only screen and (max-width:850px) {
	#team-container { padding: 0px 25px 0px; }
}
@media only screen and (max-width:650px) {
	.team-member .team-member-image { display: block; width: 50%; }
	.team-member .team-member-info { display: block; width: 100%; padding: 15px 0px 0px; }
}
/* ## Projects ## */
#projects .bx-wrapper { box-shadow: none; border: 0px none; }
#projects .bx-wrapper .bx-next { background: none; }
#projects .bx-wrapper .bx-controls-direction a.bx-next { background: none; text-indent: none !important; font-size: 0px; }
#projects .bx-wrapper .bx-controls-direction a.bx-prev { background: none; text-indent: none !important; font-size: 0px; }
#projects .bx-wrapper .bx-prev::after { font-family: 'hss-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e911"; font-size: 55px; text-indent: none; display: inline-block; color: #fff; }
#projects .bx-wrapper .bx-next::after { font-family: 'hss-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e913"; font-size: 55px; text-indent: none; display: inline-block; color: #fff; }
.project { display: block; font-size: 0px; }
.project .project-left { position: relative; display: inline-block; width: 60%; vertical-align: top; font-size: 18px; min-height: 850px; background-size: cover; text-align: right; padding: 15% 0; clip-path: polygon(0 0, 100% 18vw, 100% calc(100% - 18vw), 0 100%); -webkit-clip-path: polygon(0 0, 100% 18vw, 100% calc(100% - 18vw), 0 100%); }
.project .project-right { position: relative; display: inline-block; width: 40%; vertical-align: top; font-size: 18px; min-height: 850px; background-size: cover;  padding: 15% 0; float: right; clip-path: polygon(0 18vw, 100% 0, 100% 100%, 0 calc(100% - 18vw)); -webkit-clip-path: polygon(0 18vw, 100% 0, 100% 100%, 0 calc(100% - 18vw)); }
.project .project-left .project-content { position: relative; vertical-align: top; display: inline-block; text-align: left; color: #fff; width: 600px; max-width: 90%; padding: 10px 30px 30px 20px; min-height: 525px; }
.project .project-left .project-content h2 { text-align: left; font-size: 3.4em; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; padding; 0px 15px; line-height: 1em; }
.project .project-left .project-content h3 { font-size: 1.5em; }
.project .project-left .project-content p { font-size: 1.05em; line-height: 1.3em; font-weight: 300; }
.project .project-right .project-image-spacer { max-width: 100%; padding: 10px 30px 30px 20px; min-height: 525px; }
@media only screen and (max-width:950px) {
	.project .project-left .project-content { min-height: 625px; }
	.project .project-right .project-image-spacer { min-height: 625px; }
}
@media only screen and (max-width:880px) {
	.project .project-left { display: block; width: 100%; clip-path: none; -webkit-clip-path: none; padding: 25px; text-align: center; min-height: 0px; }
	.project .project-left .project-content { width: 100%; display: block; min-height: 0px; padding: 10px 45px; }
	.project .project-right { float: none; display: block; width: 100%; clip-path: none; -webkit-clip-path: none; padding: 25px; min-height: 0px; }
	.project .project-right .project-image-spacer { min-height: 250px; }
	.bx-wrapper .bx-controls-direction a { width: 30px !important; height: 30px !important; }
	#projects .bx-wrapper .bx-prev::after { font-size: 30px; }
	#projects .bx-wrapper .bx-next::after { font-size: 30px; }
}
@media only screen and (max-width:400px) {
	/* .bx-controls { display: none !important; } */
	.project.bx-clone { width: 100%; }
	.project .project-left { padding: 42px; }
	.project .project-left .project-content { padding: 0px; margin: 0px; max-width:100%; }
	
}
@media only screen and (min-width:1500px) {
	.project .project-left .project-content { width: 800px; max-width: 90%; padding-right: 85px; }
}
/* ## News ## */
#news-container { width: 100%; max-width: 1000px; margin: 0px auto; padding: 60px 100px; text-align: center; }
#news-container h2 { text-align: center; font-size: 3.4em; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; padding; 0px 15px; line-height: 1em; }
#news-container blockquote { display: block; font-style: italic; padding: 15px 25px; margin: 0px; font-size: 1.1em; }
#news-container blockquote p { margin: 0px; padding: 0px; }
#news-container a { font-size: 1.1em; text-decoration: underline; }
/* ## Capabilities ## */
#capabilities { background: #dbdcdc; }
#capabilities-container { width: 100%; max-width: 1000px; margin: 0px auto; padding: 60px 100px; text-align: center; }
#capabilities-container #color_logo img { max-width: 395px; width: 100%; margin-bottom: 30px; }
#capabilities-container h2 { text-align: center; font-size: 3.4em; font-weight: bold; letter-spacing: 1px; margin-bottom: -10px; padding; 0px 15px; line-height: 1em; }
#capabilities-container h3 { text-transform: uppercase; font-size: 1.5em; margin-top: 55px; margin-bottom: 5px; font-weight: 400; }
#capabilities-container ul { margin: 0px; padding: 0px; list-style: none; line-height: 1.1em; }
#capabilities-container li { margin: 0px; padding: 0px; list-style: none; display: inline-block; font-size: 0.75em; color: #3a6391; line-height: normal; }
#capabilities-container li::after { content: "•"; display: inline-block; padding: 0px 4px 0px 8px; }
#capabilities-container li:last-child::after { content: ""; }
@media only screen and (max-width:900px) {
	#capabilities-container li::after { content: ""; display: inline-block; padding: 0px 4px 0px 8px; }
}
@media only screen and (max-width:650px) {
	#about-us-container, #services-container, #what-sets-us-apart-container, #news-container, #capabilities-container { padding: 65px 25px 45px; }
}
@media only screen and (max-width:400px) {
	#about-us-container h2, #services-container h2, #capabilities-container h2, #what-sets-us-apart-container h2, #news-container h2, .project .project-left .project-content h2, #subfooter-title-block h2 { font-size: 2em; }
	#capabilities-container li { display: block; text-align: center; }
	#capabilities-container li::after { padding: 0px 5px; }
}

/* #### Print ####*/
@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; }
	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; }
}