@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
    padding: 0;
	min-height: 100%;
	background-color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	font-size: 18px;
	line-height: 1.7em;
    overflow-x: hidden;
}
img {
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p {
	margin: 0;
    font-size: 1.1em;
}
b,
strong {
  font-weight: 600;
}
blockquote {
	margin: 0;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 300;
    padding-left: 0;
    margin-left: 0;
    font-size: 1.1em;
}
li  {
     margin-left: 1em;
}
dl {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 1.1em;
}
dt {
    font-weight: 400;
    color: #ba5a29;
}
dd {
    margin-left: 0;
    margin-bottom: 21px;
    font-weight: 300;
    border-bottom: 1px dotted #ba5a29;
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 120px;
        clear: left;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 120px;
    }
}
hr {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(186,90,41,0), rgba(186,90,4,0.75), rgba(186,90,4,0));
    background-image:    -moz-linear-gradient(left, rgba(186,90,4,0), rgba(186,90,4,0.75), rgba(186,90,4,0));
    background-image:     -ms-linear-gradient(left, rgba(186,90,4,0), rgba(186,90,4,0.75), rgba(186,90,4,0));
    background-image:      -o-linear-gradient(left, rgba(186,90,4,0), rgba(186,90,4,0.75), rgba(186,90,4,0));
}
.hr-solid {
    background-color: #ba5a29;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    font-size: 1.1em;
    font-weight: 300;
}
audio {
    width: 100%;
    height: 35px;
}

/* FORMS */

.successTop {
    color: #468a48;
    padding: 10px;
    background-color: rgba(70, 138, 72, 0.15);
    border-top: 2px solid #468a48;
    border-bottom: 2px solid #468a48;
    margin-bottom: 30px;
}
h2.success {
    margin-top: 0;
}
.errorTop {
    color: #a94442;
    padding: 10px;
    background-color: rgba(169, 68, 66, 0.15);
    border-top: 2px solid #a94442;
    border-bottom: 2px solid #a94442;
    margin-bottom: 30px;
}
h2.errorTitle {
    margin-top: 0;
}
ul.errorlist {
    font-weight: 600;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #ba5a29;
}
label {
	display: inline-block;
    font-size: 1.1em;
    max-width: 100%;
	margin-bottom: 5px;
	font-weight: 600;
}
label.error {
    color: #b03535;
    background-color: rgba(176, 53, 53, 0.15);
    margin-top: 10px;
    padding-left: 10px;
    display: block;
}
input.error, textarea.error {
    border-color: #a94442;
    background: rgba(169, 68, 66, 0.15) url(../images/invalid.png) no-repeat 98% center !important;
}
.input.error:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
}
input.valid, textarea.valid {
    background: rgba(186, 90, 41, 0.09) url(../images/valid.png) no-repeat 98% center !important;
}
input.required, textarea.required {
    background: rgba(186, 90, 41, 0.09) url(../images/orange-asterisk.png) no-repeat 98% center;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 1em;
    color: #555;
}
.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 20px 10px 10px;
    color: #ba5a29;
    font-size: 1.1em;
    line-height: 1.4em;
    background-color: rgba(186, 90, 41, 0.09);
    background-image: none;
    border-bottom: 2px solid #ba5a29;
    border-top: 1px solid rgba(186, 90, 41, 0.09);
    border-left: 1px solid rgba(186, 90, 41, 0.09);
    border-right: 1px solid rgba(186, 90, 41, 0.09);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0;
    -webkit-appearance: none;
}
.form-control .required:valid {
    background: rgba(186, 90, 41, 0.09) url(../images/valid.png) no-repeat 98% center;
}
.form-control:focus {
    border-color: #ba5a29;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(186, 90, 41, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(186, 90, 41, .6);
}
.form-control:focus:invalid {
    border-color: #a94442;
    background: rgba(169, 68, 66, 0.15) url(../images/invalid.png) no-repeat 98% center;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
}
.form-control::-moz-placeholder {
    color: rgba(186, 90, 41, 0.5);
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: rgba(186, 90, 41, 0.5);
}
.form-control::-webkit-input-placeholder {
    color: rgba(186, 90, 41, 0.5);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 20px;
}
.required_notification {
    color: #ba5a29;
    font-weight: 600;
}

/* CUSTOMIZED CSS */

ul.list-unstyled {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}
ul.list-unstyled li {
    margin-left: 0;
    padding-left: 0;
}
a:focus {
	outline: 0;
}
a,
.link {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #333;
	text-align: left;
	text-decoration: none;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
	color: #ba5a29;
}
a:active,
.link:active {
	color: #ba5a29;
}
a.white,
.link.white {
	color: white;
}
a.white:hover,
a.white:focus,
.link.white:hover,
.link.white:focus {
	color: #ba5a29;
}
.link-plain {
	border: none;
}
.block {
	display: block;
}
.inline-block {
	max-width: 100%;
	display: inline-block;
}
h1 {
	margin-top: 0px;
	margin-bottom: 50px;
	color: #ba5a29;
	font-size: 2.8em;
	line-height: 1.1em;
	font-weight: 400;
}
h2 {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 400;
}
h3 {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: 400;
}
.work-top-h3 {
    margin: 0 auto;
	line-height: 1.6em;
	text-transform: uppercase;
    padding: 0 20px;
    max-width: 1200px;
}
.about-h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.6em;
    color: #ba5a29;
}
.column-h3 {
	margin-top: 0px;
    line-height: 1.3em;
}
h4 {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 400;
}
p {
	margin-bottom: 21px;
	font-weight: 300;
}
.button {
	display: inline-block;
    font-size: 1.1em;
	padding: 10px;
	border: 2px solid white;
	background-color: transparent;
	-webkit-transition: background-color 500ms ease;
	transition: background-color 500ms ease;
	color: white;
	text-align: center;
	text-decoration: none;
    cursor: pointer;
}
.button:hover,
.button:focus {
	color: white;
	background-color: rgba(255, 255, 255, 0.2);
}
.button.header-button {
	width: 360px;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}
.button.dark-button {
	border-color: #333;
	color: #333;
}
.button.dark-button:hover,
.button.dark-button:focus {
	border-color: #ba5a29;
	background-color: rgba(186, 90, 41, 0.09);
	color: #ba5a29;
}
.button.orange-button {
    border-color: #ba5a29;
	color: #ba5a29;
}
.button.orange-button:hover,
.button.orange-button:focus {
	border-color: #ba5a29;
	background-color: rgba(186, 90, 41, 0.09);
	color: #ba5a29;
}
.section {
	min-width: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
    overflow-x: hidden;
}
.orange-section {
	background-color: #ba5a29;
	background-image: url('../images/orangePattern.png');
}
.section-sand {
	background-color: #EDE4C6;
}
.section-ltgreen {
	background-color: #eff0da;
}
.meteor-section {
    text-align: center;
}
.meteor-section h2 {
    max-width: 75%;
    margin: 0 auto 20px auto;
}
.meteor-logo-section {
    padding-bottom: 40px;
}
.meteor-logo {
    padding: 10px 0;
}
.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
}
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
.container .row {
	margin-left: -10px;
	margin-right: -10px;
}
.new-container {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.work-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
    text-align: center;
}
.center-container {
	text-align: center;
}
.work-screen {
	max-width: 1200px;
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: -120px;
	margin-bottom: 20px;
}
.work-image {
	max-width: 100%;
	height: auto;
}
.work-image.exsomed {
	width: 877px;
}
.new-container.center-container {
	text-align: center;
}
.white-heading {
	color: white;
	font-weight: 400;
	text-decoration: none;
}
.centered-column,
.solutions-col,
.about-column {
	padding-right: 50px;
	padding-left: 50px;
	text-align: center;
}
.white-text {
	color: white;
}
.white-text.solutions-home-text {
	width: 80%;
	min-height: 160px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    font-size: 1.05em;
	line-height: 1.45em;
}
.rows-spaced {
	padding-bottom: 100px;
}
.rows-spaced-20 {
    padding-bottom: 20px;
}
.section-title {
	margin-top: 0px;
	margin-bottom: 50px;
}
.section-title.centered-heading {
	text-align: center;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.row .row {
	margin-left: 0;
	margin-right: 0;
}
.about-row {
    margin-top: 50px;
}
.col {
	position: relative;
	float: left;
	width: 100%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.screen-dark {
    background-color: #000000;
    padding: 30px;
}
.screen-light {
    background-color: #F1F1EB;
    padding: 30px;
}
.col-left-align {
    text-align: left;
}
.col-right-align {
    text-align: right;
}
.col-left-align p,
.col-right-align p {
    margin-bottom: 0px;
}
.col .col {
	padding-left: 0;
	padding-right: 0;
}
.col-1 {
	width: 8.33333333%;
}
.col-2 {
	width: 16.66666667%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33333333%;
}
.col-5 {
	width: 41.66666667%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33333333%;
}
.col-8 {
	width: 66.66666667%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33333333%;
}
.col-11 {
	width: 91.66666667%;
}
.col-12 {
	width: 100%;
}
.col-push-1 {
	left: 8.33333333%;
}
.col-push-2 {
	left: 16.66666667%;
}
.col-push-3 {
	left: 25%;
}
.col-push-4 {
	left: 33.33333333%;
}
.col-push-5 {
	left: 41.66666667%;
}
.col-push-6 {
	left: 50%;
}
.col-push-7 {
	left: 58.33333333%;
}
.col-push-8 {
	left: 66.66666667%;
}
.col-push-9 {
	left: 75%;
}
.col-push-10 {
	left: 83.33333333%;
}
.col-push-11 {
	left: 91.66666667%;
}
.col-pull-1 {
	right: 8.33333333%;
}
.col-pull-2 {
	right: 16.66666667%;
}
.col-pull-3 {
	right: 25%;
}
.col-pull-4 {
	right: 33.33333333%;
}
.col-pull-5 {
	right: 41.66666667%;
}
.col-pull-6 {
	right: 50%;
}
.col-pull-7 {
	right: 58.33333333%;
}
.col-pull-8 {
	right: 66.66666667%;
}
.col-pull-9 {
	right: 75%;
}
.col-pull-10 {
	right: 83.33333333%;
}
.col-pull-11 {
	right: 91.66666667%;
}
.col-offset-1 {
	margin-left: 8.33333333%;
}
.col-offset-2 {
	margin-left: 16.66666667%;
}
.col-offset-3 {
	margin-left: 25%;
}
.col-offset-4 {
	margin-left: 33.33333333%;
}
.col-offset-5 {
	margin-left: 41.66666667%;
}
.col-offset-6 {
	margin-left: 50%;
}
.col-offset-7 {
	margin-left: 58.33333333%;
}
.col-offset-8 {
	margin-left: 66.66666667%;
}
.col-offset-9 {
	margin-left: 75%;
}
.col-offset-10 {
	margin-left: 83.33333333%;
}
.col-offset-11 {
	margin-left: 91.66666667%;
}
.col-tiny-1 {
	width: 8.33333333%;
}
.col-tiny-2 {
	width: 16.66666667%;
}
.col-tiny-3 {
	width: 25%;
}
.col-tiny-4 {
	width: 33.33333333%;
}
.col-tiny-5 {
	width: 41.66666667%;
}
.col-tiny-6 {
	width: 50%;
}
.col-tiny-7 {
	width: 58.33333333%;
}
.col-tiny-8 {
	width: 66.66666667%;
}
.col-tiny-9 {
	width: 75%;
}
.col-tiny-10 {
	width: 83.33333333%;
}
.col-tiny-11 {
	width: 91.66666667%;
}
.col-tiny-12 {
	width: 100%;
}
.col-tiny-push-1 {
	left: 8.33333333%;
}
.col-tiny-push-2 {
	left: 16.66666667%;
}
.col-tiny-push-3 {
	left: 25%;
}
.col-tiny-push-4 {
	left: 33.33333333%;
}
.col-tiny-push-5 {
	left: 41.66666667%;
}
.col-tiny-push-6 {
	left: 50%;
}
.col-tiny-push-7 {
	left: 58.33333333%;
}
.col-tiny-push-8 {
	left: 66.66666667%;
}
.col-tiny-push-9 {
	left: 75%;
}
.col-tiny-push-10 {
	left: 83.33333333%;
}
.col-tiny-push-11 {
	left: 91.66666667%;
}
.col-tiny-pull-1 {
	right: 8.33333333%;
}
.col-tiny-pull-2 {
	right: 16.66666667%;
}
.col-tiny-pull-3 {
	right: 25%;
}
.col-tiny-pull-4 {
	right: 33.33333333%;
}
.col-tiny-pull-5 {
	right: 41.66666667%;
}
.col-tiny-pull-6 {
	right: 50%;
}
.col-tiny-pull-7 {
	right: 58.33333333%;
}
.col-tiny-pull-8 {
	right: 66.66666667%;
}
.col-tiny-pull-9 {
	right: 75%;
}
.col-tiny-pull-10 {
	right: 83.33333333%;
}
.col-tiny-pull-11 {
	right: 91.66666667%;
}
.col-tiny-offset-1 {
	margin-left: 8.33333333%;
}
.col-tiny-offset-2 {
	margin-left: 16.66666667%;
}
.col-tiny-offset-3 {
	margin-left: 25%;
}
.col-tiny-offset-4 {
	margin-left: 33.33333333%;
}
.col-tiny-offset-5 {
	margin-left: 41.66666667%;
}
.col-tiny-offset-6 {
	margin-left: 50%;
}
.col-tiny-offset-7 {
	margin-left: 58.33333333%;
}
.col-tiny-offset-8 {
	margin-left: 66.66666667%;
}
.col-tiny-offset-9 {
	margin-left: 75%;
}
.col-tiny-offset-10 {
	margin-left: 83.33333333%;
}
.col-tiny-offset-11 {
	margin-left: 91.66666667%;
}


/* NAVIGATION */

.navbar {
	position: fixed;
	z-index: 1000;
    width: 100%;
	height: 80px;
    line-height: 80px;
    background-color: #ffffff; /*IE 8 Fallback */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); /*IE 8*/
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 10px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 10px 0px;
}
.navbar-content {
	position: static;
	display: block;
	width: auto;
	max-width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	position: relative;
	float: left;
	text-decoration: none;
	border: none;
	color: #222222;
	left: 0px;
	top: 0px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.logo:hover {
	text-decoration: none;
	color: #222222;
}
.logo-image {
    height: 45px;
    width: auto;
    margin-top: -6px;
}
.menuIcon {
    display: none;
}
.nav-menu {
	position: relative;
	float: right;
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
}
.nav-link {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	border: none;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 20px;
	-webkit-transition: border 500ms ease, -webkit-transform 500ms ease;
	transition: border 500ms ease, transform 500ms ease;
	color: #333;
}
.nav-link:hover,
.nav-link:focus {
	color: #333;
	text-decoration: none;
	border-style: solid;
	border-width: 0px 0px 4px;
	border-color: black black #ba5a29;
	box-shadow: none;
	-webkit-transform: translate(0px, -4px);
	-ms-transform: translate(0px, -4px);
	transform: translate(0px, -4px);
}
.nav-link a {
    display: block;
    text-decoration: none;
    border-bottom: none;
    font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
}
.nav-link a:hover,
.nav-link a:focus {
    color: #333;
}

/* HEADER */

.header-hero {
	position: relative;
	height: 100%;
	min-width: 100%;
    width: 100%;
	background-image: url('../images/kalalauValley.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: local;
}
.header-hero-content {
	position: absolute;
	left: 0px;
	top: 100px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
	color: white;
	font-size: 1.9em;
	text-align: center;
	width: 80%;
	height: 93%;
    overflow: hidden;
}
.logo-icon {
    width: auto;
    height: 25%;
	background-image: url('../images/kalalauIconWhite.png');
	background-position: 50% 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.header-down {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	text-decoration: none;
}
.header-hero-tagline {
	padding-top: 50px;
	padding-bottom: 50px;
    font-size: 1.1em;
}
.header-hero-h1 {
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 0px;
	margin-bottom: 50px;
	color: white;
	font-size: 2.6em;
	line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
}
.header-columns {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.header {
	position: relative;
	height: 380px;
}
.header.solutions {
	background-image: url('../images/kalalau-003.jpg');
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.about {
	background-image: url('../images/kalalau-001.jpg');
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.meteor {
	background-image: url('../images/meteor.jpg');
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.work {
	background-image: url('../images/kalalau-002.jpg');
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.contact {
	background-image: url('../images/kalalau-004.jpg');
	background-position: 55% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.exsomed {
	background-image: url('../images/exsomedlarge.jpg');
	background-position: 70% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.art {
	background-image: url('../images/artLarge.jpg');
	background-position: 70% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.intelisea {
	background-image: url('../images/inteliseaLarge.jpg');
	background-position: 70% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.vfw {
	background-image: url('../images/vfwLarge.jpg');
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.cimslab {
	background-image: url('../images/cimsLarge.jpg');
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.harrods {
	background-image: url('../images/harrodsLarge.jpg');
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.tubehead {
	background-image: url('../images/switchzooLarge.jpg');
	background-position: 30% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.fug {
	background-image: url('../images/fugLarge.jpg');
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.econco {
	background-image: url('../images/econcoLarge.jpg');
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.metamedia {
	background-image: url('../images/jamesmarshLarge.jpg');
	background-position: 10% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.isurfpro {
	background-image: url('../images/isurfproLarge.jpg');
	background-position: 55% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.creativeedge {
	background-image: url('../images/creativeEdgeLarge.jpg');
	background-position: 100% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.heartssong {
	background-image: url('../images/heartssongLarge.jpg');
	background-position: 55% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.nopage {
    width: 100%;
	height: 380px;
    background-color: #333;
	background-image: url('../images/darkGreyPattern.png');
    background-repeat: repeat;
}
.header-content {
	position: absolute;
	left: 0px;
	top: 110px;
	right: 0px;
	max-width: 1500px;
    width: 100%;
	margin: 0 auto;
	text-align: center;
}
.header-h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	color: white;
	font-size: 4em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
.header-work-h1 {
	margin-top: 30px;
	margin-bottom: 50px;
	color: white;
    padding: 0 10px;
	font-size: 4em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
.header-tagline {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 400;
	text-align: center;
}
.header-black {
	width: 100%;
	height: 100%;
	background-image: -webkit-radial-gradient(50% 50%, circle, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.29));
	background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.29));
}

/* FOOTER */

.footer-link-block {
	color: white;
	text-align: center;
	text-decoration: none;
	border: none;
    -webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.footer-link-block:hover,
.footer-link-block:focus {
	color: #ba5a29;
}
.icon-phone,
.icon-message {
    font-size: 125px;
    line-height: 125px;
}
.footer-link-text {
	padding-top: 5px;
    font-size: 1.7em;
	line-height: 1.1em;
}
.row-footer {
	padding-bottom: 50px;
	float: none;
}
.footer-bottom {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px dotted rgba(255, 255, 255, 0.49);
	color: white;
	font-weight: 300;
	text-align: center;
}
.footer {
	padding-top: 50px;
	background-color: #333;
	background-image: url('../images/darkGreyPattern.png');
}

.footer-container {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.footer-text {
	font-size: 0.9em;
}
.icon-facebook {
    padding-right: 2px;
}
.facebook-link {
	color: white;
	text-decoration: none;
	border: none;
}
.facebook-link:hover,
.facebook-link:focus {
	color: #ba5a29;
}

/* SOLUTIONS SECTION */

.solutions-link {
	color: white;
	font-weight: 400;
	text-decoration: none;
	border: none;
}
.solutions-link:hover,
.solutions-link:focus {
	color: white;
}
.solutions-image-link {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border: none;
}
.print-design-icon {
    display: none;
}
.solutions-col:hover .solutions-image-link,
.solutions-col:focus .solutions-image-link {
	transform: scale(1.1);
}
a.top {
	display: block;
	content: " ";
	margin-top: -80px;
	height: 80px;
	visibility: hidden;
}

/* FEATURED WORK SECTION */

.featured-row {
	margin-right: -10px;
	margin-left: -10px;
	padding-bottom: 40px;
}
.work-h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	color: #333;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
.work-h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #666;
	font-size: 1.05em;
	line-height: 1.3em;
	font-weight: 400;
    margin-left: 10px;
    margin-right: 10px;
}
.work-image-link {
	position: relative;
	border: none;
}
.work-image-link:hover,
.work-image-link:focus {
	box-shadow: black 0px -50px 100px 50px inset;
}
.work-image-link-highlight {
	position: absolute;
    overflow: hidden;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
    opacity: 0;
	background-image: url('../images/kalalauInfoWhite.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.work-image-link-highlight:hover,
.work-image-link-highlight:focus {
	background-image: url('../images/kalalauInfoWhite.png'), -webkit-radial-gradient(50% 50%, circle farthest-side, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.34));
	background-image: url('../images/kalalauInfoWhite.png'), radial-gradient(circle farthest-side at 50% 50%, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.34));
	background-position: 50% 50%, 0% 0%;
	background-repeat: no-repeat, repeat;
    opacity: 1;
}
.work-h2-link,
.work-h2-link:visited {
	color: #333;
	font-size: 1em;
	line-height: 1.1em;
	text-decoration: none;
	border: none;
}
.work-h2-link:hover,
.work-h2-link:focus {
	color: #ba5a29;
}
.featured-column {
	padding-right: 5px;
	padding-left: 5px;
    overflow: hidden;
}


/* PAGE ELEMENTS */

.page-nav-column {
	text-align: center;
    background-color: #e0dede;
    border: 1px solid white;
    line-height: 80px;
    height: 80px;
    color: #333;
	font-size: 1.1em;
    -webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.page-nav-column-sol {
	text-align: center;
    background-color: #e0dede;
    border: 1px solid white;
    padding: 10px 0 10px 0;
    line-height: 1em;
    height: auto;
    color: #333;
	font-size: 1.1em;
    -webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.page-nav-column-sol:hover,
.page-nav-column-sol:focus,
.page-nav-column:hover,
.page-nav-column:focus {
    color: #fff;
    background-color: #ba5a29;
}
.page-nav-link {
	text-decoration: none;
    border-bottom: none;
}
.page-nav-link .icon-designicon,
.page-nav-link .icon-developicon,
.page-nav-link .icon-prosvcsicon,
.page-nav-link .icon-trainingicon {
    font-size: 53px;;
    width: 100%;
    padding-bottom: 5px;
    display: inline-block;
}
.page-nav-link .page-nav-text {
    font-size: inherit;
}
.solutions-list {
	margin: 90px 10px;
    padding: 5px 0;
	border-top: 1px dotted #ba5a29;
	border-bottom: 1px dotted #ba5a29;
	list-style-type: none;
	font-weight: 400;
}
.solutions-list.one-item {
    margin: 115px 10px;
}
.solutions-list.two-items {
	 margin: 105px 10px;
}
.solutions-list li {
    margin-left: 0;
}
.solutions-row {
    padding: 0;
	margin-bottom: 50px;
}
.solutions-column {
    padding: 0;
    height: 280px;
    text-align: center;
}
.solutions-image {
    height: 100%;
    width: auto;
}
.navscroll-solutions {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 10;
	width: auto;
	margin-top: 80px;
	margin-right: 30px;
    margin-left: 0px;
    opacity: 0;
    z-index: 1010;
}
.navscroll-solutions.hidden {
    opacity: 0;
}
.navscroll-solutions.display {
    opacity: 1;
}
.top-icon-link {
	text-decoration: none;
	border: 1px solid #ccc;
    height: 50px;
    width: 50px;
	min-width: 50px;
    margin-left: 3px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px -5px;
    display: inline-block;
}
.design-link,
.develop-link,
.services-link,
.training-link {
    text-decoration: none;
    border: none;
    height: 100%;
    width: 100%;
    background-color: #e0dede;
    cursor: pointer;
    display: block;
    font-family: kalalau-icons;
    color: #333;
    text-align: center;
    font-size: 2em;
    line-height: 50px;
    box-shadow: inset rgba(0, 0, 0, 0.29) 0px 10px 10px -10px;
    -webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.design-link.current,
.design-link:hover,
.design-link:focus,
.design-link:active,
.develop-link.current,
.develop-link:hover,
.develop-link:focus,
.develop-link:active,
.services-link.current,
.services-link:hover,
.services-link:focus,
.services-link:active,
.training-link.current,
.training-link:hover,
.training-link:focus,
.training-link:active {
    background-color: #ba5a29;
    color: #fff;
}

.screen-left-column {
	padding-right: 30px;
	border-right: 1px #BA5A29 dotted;
    text-align: center;
}
.screen-left-column-long {
	padding-right: 30px;
    text-align: center;
}
.screen-right-column {
	padding-left: 30px;
}
.screen-right-column-long {
	padding-left: 30px;
    border-left: 1px #BA5A29 dotted;
}
.contact-left-column {
	padding-right: 50px;
	border-right: 1px #BA5A29 dotted;
}
.contact-right-column {
	padding-left: 50px;
}
.tel-link {
	padding-left: 40px;
	background-image: url('../images/phoneDark.png');
	background-position: 0px 50%;
	background-size: 20px;
	background-repeat: no-repeat;
	color: #333;
	text-decoration: none;
	border: none;
}
.tel-link:hover,
.tel-link:focus {
    background-image: url('../images/phoneOrange.png');
	color: #ba5a29;
}
.email-link {
	padding-left: 40px;
	background-image: url('../images/emailDark.png');
	background-position: 0px 50%;
	background-size: 20px;
	background-repeat: no-repeat;
	color: #333;
    text-decoration: none;
	border: none;
}
.email-link:hover,
.email-link:focus {
    background-image: url('../images/emailOrange.png');
	color: #ba5a29;
}
.fb-link {
	padding-left: 40px;
	background-image: url('../images/facebookIconDark.png');
	background-position: 0px 50%;
	background-size: 20px;
	background-repeat: no-repeat;
	color: #333;
    text-decoration: none;
	border: none;
}
.fb-link:hover,
.fb-link:focus {
    background-image: url('../images/facebookIconOrange.png');
	color: #ba5a29;
}
.photo {
    width: 280px;
    height: auto;
}

/* -------------------------------------------------------- */

/* MEDIA QUERIES */

/* COLUMN MEDIA QUERIES */

@media screen and (max-width: 991px) {
.col-medium-1 {
	width: 8.33333333%;
}
.col-medium-2 {
	width: 16.66666667%;
}
.col-medium-3 {
	width: 25%;
}
.col-medium-4 {
	width: 33.33333333%;
}
.col-medium-5 {
	width: 41.66666667%;
}
.col-medium-6 {
	width: 50%;
}
.col-medium-7 {
	width: 58.33333333%;
}
.col-medium-8 {
	width: 66.66666667%;
}
.col-medium-9 {
	width: 75%;
}
.col-medium-10 {
	width: 83.33333333%;
}
.col-medium-11 {
	width: 91.66666667%;
}
.col-medium-12 {
	width: 100%;
}
.col-medium-push-1 {
	left: 8.33333333%;
}
.col-medium-push-2 {
	left: 16.66666667%;
}
.col-medium-push-3 {
	left: 25%;
}
.col-medium-push-4 {
	left: 33.33333333%;
}
.col-medium-push-5 {
	left: 41.66666667%;
}
.col-medium-push-6 {
	left: 50%;
}
.col-medium-push-7 {
	left: 58.33333333%;
}
.col-medium-push-8 {
	left: 66.66666667%;
}
.col-medium-push-9 {
	left: 75%;
}
.col-medium-push-10 {
	left: 83.33333333%;
}
.col-medium-push-11 {
	left: 91.66666667%;
}
.col-medium-pull-1 {
	right: 8.33333333%;
}
.col-medium-pull-2 {
	right: 16.66666667%;
}
.col-medium-pull-3 {
	right: 25%;
}
.col-medium-pull-4 {
	right: 33.33333333%;
}
.col-medium-pull-5 {
	right: 41.66666667%;
}
.col-medium-pull-6 {
	right: 50%;
}
.col-medium-pull-7 {
	right: 58.33333333%;
}
.col-medium-pull-8 {
	right: 66.66666667%;
}
.col-medium-pull-9 {
	right: 75%;
}
.col-medium-pull-10 {
	right: 83.33333333%;
}
.col-medium-pull-11 {
	right: 91.66666667%;
}
.col-medium-offset-1 {
	margin-left: 8.33333333%;
}
.col-medium-offset-2 {
	margin-left: 16.66666667%;
}
.col-medium-offset-3 {
	margin-left: 25%;
}
.col-medium-offset-4 {
	margin-left: 33.33333333%;
}
.col-medium-offset-5 {
	margin-left: 41.66666667%;
}
.col-medium-offset-6 {
	margin-left: 50%;
}
.col-medium-offset-7 {
	margin-left: 58.33333333%;
}
.col-medium-offset-8 {
	margin-left: 66.66666667%;
}
.col-medium-offset-9 {
	margin-left: 75%;
}
.col-medium-offset-10 {
	margin-left: 83.33333333%;
}
.col-medium-offset-11 {
	margin-left: 91.66666667%;
}
.col-stack {
	width: 100%;
	left: auto;
	right: auto;
}
.featured-column {
	padding: 0 0 30px 0;
}
.featured-row {
    padding-bottom: 0px;
}
}

@media screen and (max-width: 767px) {
.row,  .container .row {
	margin-left: 0;
	margin-right: 0;
}
.rows-spaced {
    padding-bottom: 0px;
}
.col {
	width: 100%;
	left: auto;
	right: auto;
    margin-bottom: 20px;
}
.col-industries {
    padding-left: 0;
    margin-bottom: 0;
}
.page-nav-column,
.page-nav-column-sol {
    margin-bottom: 0px;
}
.solutions-col {
    margin-bottom: 50px;
}
.solutions-row {
	margin-bottom: 20px;
}
.solutions-column {
    height: auto;
}
ul.solutions-list {
    margin: 0;
}
.solutions-image {
    height: 280px;
    width: auto;
}
.col-small-1 {
	width: 8.33333333%;
}
.col-small-2 {
	width: 16.66666667%;
}
.col-small-3 {
	width: 25%;
}
.col-small-4 {
	width: 33.33333333%;
}
.col-small-5 {
	width: 41.66666667%;
}
.col-small-6 {
	width: 50%;
}
.col-small-7 {
	width: 58.33333333%;
}
.col-small-8 {
	width: 66.66666667%;
}
.col-small-9 {
	width: 75%;
}
.col-small-10 {
	width: 83.33333333%;
}
.col-small-11 {
	width: 91.66666667%;
}
.col-small-12 {
	width: 100%;
}
.col-small-push-1 {
	left: 8.33333333%;
}
.col-small-push-2 {
	left: 16.66666667%;
}
.col-small-push-3 {
	left: 25%;
}
.col-small-push-4 {
	left: 33.33333333%;
}
.col-small-push-5 {
	left: 41.66666667%;
}
.col-small-push-6 {
	left: 50%;
}
.col-small-push-7 {
	left: 58.33333333%;
}
.col-small-push-8 {
	left: 66.66666667%;
}
.col-small-push-9 {
	left: 75%;
}
.col-small-push-10 {
	left: 83.33333333%;
}
.col-small-push-11 {
	left: 91.66666667%;
}
.col-small-pull-1 {
	right: 8.33333333%;
}
.col-small-pull-2 {
	right: 16.66666667%;
}
.col-small-pull-3 {
	right: 25%;
}
.col-small-pull-4 {
	right: 33.33333333%;
}
.col-small-pull-5 {
	right: 41.66666667%;
}
.col-small-pull-6 {
	right: 50%;
}
.col-small-pull-7 {
	right: 58.33333333%;
}
.col-small-pull-8 {
	right: 66.66666667%;
}
.col-small-pull-9 {
	right: 75%;
}
.col-small-pull-10 {
	right: 83.33333333%;
}
.col-small-pull-11 {
	right: 91.66666667%;
}
.col-small-offset-1 {
	margin-left: 8.33333333%;
}
.col-small-offset-2 {
	margin-left: 16.66666667%;
}
.col-small-offset-3 {
	margin-left: 25%;
}
.col-small-offset-4 {
	margin-left: 33.33333333%;
}
.col-small-offset-5 {
	margin-left: 41.66666667%;
}
.col-small-offset-6 {
	margin-left: 50%;
}
.col-small-offset-7 {
	margin-left: 58.33333333%;
}
.col-small-offset-8 {
	margin-left: 66.66666667%;
}
.col-small-offset-9 {
	margin-left: 75%;
}
.col-small-offset-10 {
	margin-left: 83.33333333%;
}
.col-small-offset-11 {
	margin-left: 91.66666667%;
}
}

@media screen and (max-width: 479px) {
.col {
	width: 100%;
}
.col-tiny-6,
.col-xs-6 {
    width: 50%;
    margin-bottom: 0px;
}
}

@media screen and (max-width: 225px) {
.col-tiny-6 {
    width: 100%;
    margin-bottom: 0px;
}
.col-left-align,
.col-right-align {
    text-align: center;
}
}

/* NAVBAR MEDIA QUERIES */

@media screen and (max-height: 685px) {
.navbar {
    height: 60px;
    line-height: 60px;
}
.logo-image {
    height: 40px;
    width: auto;
    margin-top: -6px;
    margin-left: 5px;
}
.fixed-top-column {
    height: 40px;
    width: 40px;
	min-width: 40px;
}
.top-icon-link {
    height: 44px;
    width: 44px;
	min-width: 40px;
    margin-left: 2px;
}
.design-link,
.develop-link,
.services-link,
.training-link {
    font-size: 1.8em;
    line-height: 40px;
}
.navscroll-solutions {
	margin-top: 60px;
}
}

@media screen and (max-width: 780px) {
.navbar {
    position: absolute;
	height: 60px;
    line-height: 60px;
}
.navbar-content {
    max-width: 100%;
}
.logo-image {
    height: 35px;
    width: auto;
    margin-top: -6px;
    margin-left: 5px;
}
.nav-menu {
    display: none;
    width: 100%;
    top: 0px;
    overflow: hidden;
}
.nav-expanded {
    display: block;
}
.menuIcon {
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-size: 1.2em;
	font-weight: 600;
    line-height: 60px;
    padding-right: 5px;
}
.menuIcon:hover,
.menuIcon:focus {
    color: #ba5a29;
}
.nav-menu ul {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    border-top: 1px dotted #ba5a29;
    border-bottom: 4px solid #ba5a29;
    box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 10px 0px;
}
.nav-link {
    float: none;
    width: 100%;
    margin: 0px;
    padding: 0px 5px;
}
.nav-link:hover,
.nav-link:focus {
    background-color: rgba(186, 90, 41, 0.10);
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	border-color: black black black #ba5a29;
	-webkit-transform: translate(5px, 0px);
	-ms-transform: translate(5px, 0px);
	transform: translate(5px, 0px);
}
.navscroll-solutions {
	margin-right: -900px;
}
}


/* HEADER HERO MEDIA QUERIES */

@media only screen and (max-height: 685px){
.header-hero-content {
	top: 80px;
}
}

@media screen and (max-width: 780px) {
.header-hero-content {
	top: 80px;
}
}

@media only screen and (min-width: 1651px) and (max-height: 895px){
.header-hero-content {
	font-size: 1.7em;
}
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 1651px) and (max-height: 825px){
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 1651px) and (max-height: 795px){
.header-hero-content {
	font-size: 1.6em;
}
.logo-icon {
	height: 23%;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 1651px) and (max-height: 750px){
.header-hero {
    height: 750px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 1650px) {
.header-hero-content {
	font-size: 1.8em;
}
.header-hero-h1 {
	font-size: 2.2em;
}
.header-columns {
	width: 80%;
}
}

@media only screen and (min-width: 1436px) and (max-width: 1650px) and (max-height: 850px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 1436px) and (max-width: 1650px) and (max-height: 795px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 1436px) and (max-width: 1650px) and (max-height: 725px) {
.header-hero-content {
    font-size: 1.5em;
}
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 1436px) and (max-width: 1650px) and (max-height: 685px) {
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 1436px) and (max-width: 1650px) and (max-height: 660px) {
.header-hero {
    height: 660px;
    width: auto;
    background-position: center;
}
}


@media only screen and (max-width: 1435px) {
.header-hero-content {
	width: 85%;
}
.logo-icon {
	height: 23%;
}
}

@media only screen and (min-width: 1351px) and (max-width: 1435px) and (max-height: 850px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 1351px) and (max-width: 1435px) and (max-height: 795px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 1351px) and (max-width: 1435px) and (max-height: 725px) {
.header-hero-content {
    font-size: 1.5em;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 1351px) and (max-width: 1435px) and (max-height: 700px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 1351px) and (max-width: 1435px) and (max-height: 630px) {
.header-hero {
    height: 630px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 1350px) {
.header-hero-content {
	width: 90%;
}
}

@media only screen and (min-width: 1276px) and (max-width: 1350px) and (max-height: 850px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 1276px) and (max-width: 1350px) and (max-height: 795px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 1276px) and (max-width: 1350px) and (max-height: 725px) {
.header-hero-content {
    font-size: 1.5em;
}
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 1276px) and (max-width: 1350px) and (max-height: 650px) {
.header-hero-content {
    font-size: 1.4em;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
.button.header-button {
	width: 280px;
}
}

@media only screen and (min-width: 1276px) and (max-width: 1350px) and (max-height: 625px) {
.header-hero-content {
    font-size: 1.3em;
}
.button.header-button {
	width: 260px;
}
}

@media only screen and (min-width: 1276px) and (max-width: 1350px) and (max-height: 595px) {
.header-hero {
    height: 595px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 1275px) {
.header-hero-content {
    font-size: 1.7em;
}
.logo-icon {
    height: 22%;
}
.button.header-button {
	width: 340px;
}
}

@media only screen and (min-width: 1206px) and (max-width: 1275px) and (max-height: 850px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 1206px) and (max-width: 1275px) and (max-height: 795px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 1206px) and (max-width: 1275px) and (max-height: 725px) {
.header-hero-content {
    font-size: 1.5em;
}
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 1206px) and (max-width: 1275px) and (max-height: 640px) {
.header-hero-content {
    font-size: 1.4em;
}
.button.header-button {
	width: 280px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 1206px) and (max-width: 1275px) and (max-height: 605px) {
.header-hero {
    height: 605px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 1205px) {
.header-hero-h1 {
    font-size: 2.2em;
}
}

@media only screen and (min-width: 1156x) and (max-width: 1205px) and (max-height: 850px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 1156px) and (max-width: 1205px) and (max-height: 795px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 1156px) and (max-width: 1205px) and (max-height: 725px) {
.header-hero-content {
    font-size: 1.5em;
}
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 1156px) and (max-width: 1205px) and (max-height: 625px) {
.header-hero-content {
    font-size: 1.4em;
}
.button.header-button {
	width: 280px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 1156px) and (max-width: 1205px) and (max-height: 595px) {
.header-hero {
    height: 595px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 1155px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-h1 {
    font-size: 2.0em;
}
.header-columns {
    width: 95%;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 900px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 850px) {
.header-hero-content {
    font-size: 1.6em;
}
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
.button.header-button {
	width: 320px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 800px) {
.header-hero-content {
    font-size: 1.5em;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 715px) {
.header-hero-content {
    font-size: 1.4em;
}
.button.header-button {
	width: 280px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 690px) {
.header-hero-content {
    font-size: 1.3em;
}
.button.header-button {
	width: 260px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 675px) {
.header-hero-content {
    font-size: 1.2em;
}
.button.header-button {
	width: 240px;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 650px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 977px) and (max-width: 1155px) and (max-height: 560px) {
.header-hero {
    height: 560px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 976px) {
.header-hero-content {
    font-size: 1.5em;
}
.logo-icon {
    height: 21%;
}
.button.header-button {
	width: 300px;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 915px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 890px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 850px) {
.header-hero-content {
    font-size: 1.4em;
}
.button.header-button {
    width: 280px;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 830px) {
.header-hero-content {
    font-size: 1.3em;
}
.button.header-button {
    width: 260px;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 735px) {
.header-hero-content {
    font-size: 1.2em;
}
.button.header-button {
    width: 240px;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 645px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 831px) and (max-width: 976px) and (max-height: 550px) {
.header-hero {
    height: 550px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 830px) {
.logo-icon {
    height: 20%;
}
.header-hero-h1 {
    font-size: 2.1em;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 915px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 890px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 850px) {
.header-hero-content {
    font-size: 1.4em;
}
.button.header-button {
    width: 280px;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 770px) {
.header-hero-content {
    font-size: 1.3em;
}
.button.header-button {
    width: 260px;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 665px) {
.header-hero-content {
    font-size: 1.2em;
}
.button.header-button {
    width: 240px;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 585px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 791px) and (max-width: 830px) and (max-height: 545px) {
.header-hero {
    height: 545px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 790px) {
.header-hero-content {
    font-size: 1.4em;
}
.logo-icon {
    height: 18%;
}
.button.header-button {
    width: 280px;
}
}

@media only screen and (min-width: 768px) and (max-width: 790px) and (max-height: 820px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 768px) and (max-width: 790px) and (max-height: 765px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 768px) and (max-width: 790px) and (max-height: 730px) {
.header-hero-content {
    font-size: 1.3em;
}
.button.header-button {
    width: 260px;
}
}

@media only screen and (min-width: 768px) and (max-width: 790px) and (max-height: 650px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 768px) and (max-width: 790px) and (max-height: 600px) {
.header-hero-content {
    font-size: 1.2em;
}
.button.header-button {
    width: 240px;
}
}

@media only screen and (min-width: 768px) and (max-width: 790px) and (max-height: 525px) {
.header-hero {
    height: 525px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 767px) {
.header-hero-content {
    font-size: 1.3em;
}
.button.header-button {
    width: 260px;
}
.hero-column {
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 900px) {
.header-hero-tagline {
    padding-top: 40px;
    padding-bottom: 40px;
}
.header-hero-h1 {
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 860px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 825px) {
.header-hero-content {
    font-size: 1.2em;
}
.button.header-button {
    width: 240px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 800px) {
.header-hero-content {
    font-size: 1.15em;
}
.button.header-button {
    width: 230px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 730px) {
.header-hero-content {
    font-size: 1.1em;
}
.button.header-button {
    width: 220px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 670px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 635px) {
.arrow-icon {
    width: 30px;
    height: auto;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 605px) {
.button.header-button {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 687px) and (max-width: 767px) and (max-height: 555px) {
.header-hero {
    height: 555px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 686px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 925px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 880px) {
.header-hero-content {
    font-size: 1.2em;
}
.button.header-button {
    width: 240px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 840px) {
.header-hero-content {
    font-size: 1.1em;
    width: 85%;
}
.button.header-button {
    width: 220px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 800px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 770px) {
.header-hero-content {
    font-size: 1em;
    width: 95%;
}
.button.header-button {
    width: 210px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 740px) {
.button.header-button {
    padding-top: 10px;
    padding-bottom: 10px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 675px) {
.logo-icon {
    height: 17%;
}
}

@media only screen and (min-width: 477px) and (max-width: 686px) and (max-height: 665px) {
.header-hero {
    height: 665px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 476px) {
.header-hero-content {
    font-size: 1.2em;
}
.logo-icon {
    height: 17%;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 925px) {
.header-hero-tagline {
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-hero-h1 {
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 900px) {
.header-hero-content {
    font-size: 1.2em;
}
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
.button.header-button {
    width: 240px;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 850px) {
.header-hero-content {
    font-size: 1.1em;
    width: 85%;
}
.button.header-button {
    width: 220px;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 810px) {
.header-hero-content {
    width: 90%;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 760px) {
.header-hero-content {
    font-size: 1em;
}
.button.header-button {
    width: 210px;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 730px) {
.button.header-button {
    padding-top: 10px;
    padding-bottom: 10px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 399px) and (max-width: 476px) and (max-height: 670px) {
.header-hero {
    height: 670px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 398px) {
.header-hero-content {
    font-size: 1.15em;
}
.button.header-button {
    width: 220px;
}
}

@media only screen and (min-width: 383px) and (max-width: 398px) and (max-height: 870px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
}

@media only screen and (min-width: 383px) and (max-width: 398px) and (max-height: 830px) {
.header-hero-content {
    font-size: 1em;
}
.button.header-button {
    width: 210px;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 383px) and (max-width: 398px) and (max-height: 720px) {
.button.header-button {
    padding-top: 12px;
    padding-bottom: 12px;
}
}

@media only screen and (min-width: 383px) and (max-width: 398px) and (max-height: 680px) {
.header-hero-h1 {
    font-size: 1.9em;
}
}

@media only screen and (min-width: 383px) and (max-width: 398px) and (max-height: 660px) {
.header-hero {
    height: 660px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 382px) {
.header-hero-content {
    font-size: 1em;
}
.logo-icon {
    height: 15%;
}
.button.header-button {
    width: 210px;
}
}

@media only screen and (min-width: 329px) and (max-width: 382px) and (max-height: 845px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
}

@media only screen and (min-width: 329px) and (max-width: 382px) and (max-height: 815px) {
.header-hero-content {
    font-size: 1em;
}
.button.header-button {
    width: 210px;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
.button.header-button {
    padding-top: 12px;
    padding-bottom: 12px;
}
}

@media only screen and (min-width: 329px) and (max-width: 382px) and (max-height: 750px) {
.header-hero-h1 {
    font-size: 2em;
}
}

@media only screen and (min-width: 329px) and (max-width: 382px) and (max-height: 705px) {
.header-hero-h1 {
    font-size: 1.9em;
}
}

@media only screen and (min-width: 329px) and (max-width: 382px) and (max-height: 640px) {
.header-hero {
    height: 640px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 328px) {
.header-hero-h1 {
    font-size: 2em;
}
.button.header-button {
    padding-top: 12px;
    padding-bottom: 12px;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (min-width: 313px) and (max-width: 328px) and (max-height: 810px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
}

@media only screen and (min-width: 313px) and (max-width: 328px) and (max-height: 780px) {
.header-hero-h1 {
    font-size: 1.9em;
}
}

@media only screen and (min-width: 313px) and (max-width: 328px) and (max-height: 720px) {
.header-hero-h1 {
    font-size: 1.8em;
}
}

@media only screen and (min-width: 313px) and (max-width: 328px) and (max-height: 665px) {
.header-hero {
    height: 665px;
    width: auto;
    background-position: center;
}
}

@media only screen and (max-width: 312px) {
.header-hero-h1 {
    font-size: 1.8em;
}
.header-down {
    padding-top: 10px;
    padding-bottom: 10px;
}
.arrow-icon {
    width: 30px;
    height: auto;
}
}

@media only screen and (max-width: 312px) and (max-height: 740px) {
.header-hero-tagline {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-hero-h1 {
    margin-bottom: 20px;
}
}

@media only screen and (max-width: 312px) and (max-height: 710px) {
.header-hero {
    height: 710px;
    width: auto;
    background-position: center;
}
}

/* DOCUMENT MEDIA QUERIES */

@media only screen and (max-width: 1345px) {
.header-tagline {
	width: 50%;
}
}

@media only screen and (max-width: 1285px) {
.container,
.new-container,
.work-p,
.work-h3 {
	margin-left: 20px;
	margin-right: 20px;
}
}

@media only screen and (max-width: 1079px) {
.header-tagline {
	width: 60%;
}
}

@media only screen and (max-width: 1030px) {
.contact-left-column {
	padding-right: 20px;
}
.contact-right-column {
	padding-left: 20px;
}
}

@media only screen and (max-width: 999px) {
.white-text.solutions-home-text {
	min-height: 180px;
}
}

@media only screen and (max-width: 991px) {
hr.work-hr {
    display: none;
}
.page-nav-link span {
    font-size: 40px;
}
.footer-container {
    width: 100%;
}
}

@media only screen and (max-width: 980px) {
h1.header-work-h1 {
    font-size: 3.3em;
}
}

@media only screen and (max-width: 962px) {
.screen-left-column,
.screen-left-column-long {
	padding-right: 10px;
}
.screen-right-column,
.screen-right-column-long {
	padding-left: 10px;
}
}

@media only screen and (max-width: 905px) {
.header-tagline {
	width: 70%;
}
}

@media only screen and (max-width: 895px) {
h1,
.section-title {
	margin-bottom: 40px;
	font-size: 2.6em;
	line-height: 1em;
}
h1.header-h1,
h1.header-work-h1 {
    font-size: 3em;
}
h2 {
	font-size: 1.8em;
	line-height: 1.1em;
    margin-top: 20px;
	margin-bottom: 20px;
}
h3 {
	font-size: 1.3em;
	line-height: 1.1em;
    margin-top: 20px;
	margin-bottom: 20px;
}
h4 {
	font-size: 1.1em;
	line-height: 1.2em;
}
.header-content {
    top: 130px;
}
.header-tagline {
	font-size: 1.1em;
	line-height: 1.3em;
}
}

@media only screen and (max-width: 862px) {
.white-text.solutions-home-text {
	min-height: 200px;
}
}

@media only screen and (max-width: 780px) {
.header-content {
    top: 110px;
}
}

@media only screen and (max-width: 772px) {
.white-text.solutions-home-text {
	min-height: 220px;
}
}

@media only screen and (max-width: 767px) {
.white-text.solutions-home-text {
	min-height: 20px;
    font-size: 1.1em;
    height: auto;
    padding-bottom: 20px;
    width: 100%;
}
.row.industries {
    margin-bottom: 20px;
}
.row.header-columns {
    margin-right: auto;
    margin-left: auto;
}
.hero-column {
    margin-bottom: 0px;
}
ul.list-unstyled {
    margin-bottom: 0;
}
.page-nav-column {
    line-height: 60px;
    height: 60px;
}
.contact-left-column {
    border-right: none;
    border-bottom: 1px dotted #ba5a29;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}
.screen-left-column,
.screen-left-column-long {
    border-right: none;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}
.contact-right-column,
.screen-right-column,
.screen-right-column-long {
    padding-left: 0px;
    margin-bottom: 0px;
    border-left: none;
}
.solutions-list,
.solutions-list.one-item,
.solutions-list.two-items {
    margin-top: 0;
    margin-bottom: 0;
}
.page-nav-link .icon-designicon,
.page-nav-link .icon-developicon,
.page-nav-link .icon-prosvcsicon,
.page-nav-link .icon-trainingicon {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 0px;
    display: block;
}
.row-footer {
    padding-bottom: 0px;
}
}

@media only screen and (max-width: 760px) {
h1.header-work-h1 {
    font-size: 2.5em;
}
}

@media only screen and (max-width: 490px) {
h1,
.section-title {
	font-size: 2.4em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.3em;
}
.header-tagline {
	width: 90%;
}
}

@media only screen and (max-width: 479px) {
.page-nav-link .icon-designicon,
.page-nav-link .icon-developicon,
.page-nav-link .icon-prosvcsicon,
.page-nav-link .icon-trainingicon {
    height: 40px;
}
.page-nav-link .page-nav-text {
    display: none;
}
}

@media only screen and (max-width: 430px) {
.container,
.new-container,
.work-p,
.work-h3 {
	margin-left: 10px;
	margin-right: 10px;
}
}

@media only screen and (max-width: 400px) {
h1.header-h1 {
    font-size: 3em;
}
}

@media only screen and (max-width: 378px) {
.isurfpro-h1 {
    margin-top: -5px;
}
}
@media only screen and (max-width: 360px) {
    .header.art h1.header-work-h1 {
        font-size: 2em;
    }
}
@media only screen and (max-width: 340px) {
h1.header-h1 {
    font-size: 2.5em;
}
.header-tagline {
	font-size: 1em;
	line-height: 1.2em;
}
}

@media only screen and (max-width: 303px) {
.fug-h1 {
    margin-top: -5px;
}
}

@media only screen and (max-width: 255px) {
h1.header-h1,
h1.header-work-h1 {
    font-size: 2em;
}
}