/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* Font Styles */
body {
	font-size: 16px;
}
body, p, h1, .fieldset-description, .field-content, #mce-EMAIL, #mce-FNAME, #mce-LNAME, #mc-embedded-subscribe {
	font-family: 'Raleway', Arial, sans-serif;
	color: #535353;
}
p, .fieldset-description, ,field-content {
	color: #535353;
	font-weight: 400;
}
h1, h2 {
	font-weight: bold;
	text-transform: uppercase;
}
h1 {
	color: #0060ae;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 4px;
}
h2, h2.block-title {
	color: #5cadef;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Arvo', Arial, serif;
	font-weight: 400;
	letter-spacing: 2px;
}
#region-sidebar-second h2.block-title, #region-content h2.block-title {
	color: #fff;
	background-color: #0060ae;
	text-align: center;
	padding: .05em 0;
	margin-bottom: 20px;
}
.page-node-5 #region-sidebar-second h2.block-title, .page-node-5 #region-content h2.block-title {
	background-color: #fff;
	padding: 0;
	text-align: left;
	color: #5CADEF;
	margin: 0;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #5cadef;
}
a:hover, a:link:hover, a.purple:hover, button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
	text-decoration: none;
	transition-delay: 0s, 0s;
    transition-duration: 0.2s, 0.2s;
    transition-property: background-color, color;
    transition-timing-function: linear, linear;
	-o-transition-delay: 0s, 0s;
    -o-transition-duration: 0.2s, 0.2s;
    -o-transition-property: background-color, color;
    -o-transition-timing-function: linear, linear;
	-moz-transition-delay: 0s, 0s;
    -moz-transition-duration: 0.2s, 0.2s;
    -moz-transition-property: background-color, color;
    -moz-transition-timing-function: linear, linear;
	-webkit-transition-delay: 0s, 0s;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-property: background-color, color;
    -webkit-transition-timing-function: linear, linear;
}
#zone-footer li a:hover, #zone-social-wrapper a:hover {
	color: #5cadef;
}
#section-footer a, #section-footer p, .region-footer-third li {
	color: #fff;
}
#zone-social-wrapper a, #zone-social-wrapper p {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}

a.button, button, input[type="reset"], input[type="submit"], input[type="button"], #mc-embedded-subscribe {
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	line-height: 1.5;
	padding: 2% 4%;
	vertical-align: middle;
	text-decoration: none;
	background: none;
	border-radius: 0;
	border: 0px solid #fff;
	text-shadow: 0 0 0 #fff;
	font-weight: normal;
}
#block-system-main a:hover {
	color: #01355D;
}
a.purple, #mc-embedded-subscribe {
	float: left;
	position: relative;
	z-index: 9;
	padding: 10px 20px;
}
#zone-banner-wrapper a.purple {
	margin-top: 19em;
}
#zone-banner-wrapper .arrow-down {
	margin-top: 21.4em;
}
#region-sidebar-first a.purple {
	width: 71%;
	padding: 10px 6% 10px 6%;
}
#block-block-23 {
	margin-top: 4%;
	margin-bottom: 4%;
}
a.purple, button, input[type="reset"], input[type="submit"], input[type="button"], #mc-embedded-subscribe {
	background-color: #5F5EAB;
}
a.purple:hover, button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, #mc-embedded-subscribe:hover {
	background-color: #5cadef;
}
#mc-embedded-subscribe {
	box-shadow: 0 0 0px #fff;
}
img {
	max-width: 100%;
	height: auto;
}
.block-block-23 hr {
	background-color: #fff;
	width: 100%;
	height: 1px;
	float: left;
	position: relative;
	z-index: 999;
}
.block-block-23 hr.first {
	top: 25px;
}
.block-block-23 hr.last {
	top: -5px;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
	padding: 1% 3%;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #5F5EAB;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 47px solid #5F5EAB;
	float: left;
	margin-left: -30px;
	z-index: 1;
	position: relative;
}
/* List Styles */
ul, ul.menu, ul li.leaf {
	list-style: none;
}
#block-system-main ul {
	list-style-type: disc;
}

/* Global Zone Styles */
#zone-header .region {
	margin: 1em 10px;
}
#zone-header #region-menu {
	padding-top: 2em;
	padding-bottom: 1em;
}
#zone-footer .region {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#zone-social .region {
	margin-top: .75em;
	margin-bottom: .75em;
}
#zone-content {
	margin-top: 3em;
	margin-bottom: 3em;
}
#zone-postscript .region {
	margin-top: 4em;
	margin-bottom: 4em;
}
.logo-white {
	background-image: url('/sites/default/files/images/tpac-logo-white.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 66px;
    max-width: 207px;
	min-width: 100px;
    width: 100%;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
}

/* Zone: Header Styles */
.logo {
	background-image: url('/sites/default/files/images/trans-pacfic-aerospace-logo.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 99px;
    max-width: 307px;
	min-width: 195px;
    width: 100%;
}
#region-menu ul.menu {
	float: right;
}
#region-menu ul.menu li {
	float: left;
	margin-left: 4em;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#region-menu ul.menu li:first-child {
	margin-left: 0;
}
ul.menu li a, #zone-footer h2.block-title {
	font-size: 18px;
	color: #535353;
	text-transform: lowercase;
	border-bottom: 0px solid #fff;
}
#zone-footer h2.block-title {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
#region-menu ul.menu li.active-trail {
	border-bottom: 5px solid #0060ae;
	padding-bottom: 5px;
}
#region-menu ul.menu li:hover {
	border-bottom: 5px solid #0060ae;
	transition-delay: 0s, 0s;
    transition-duration: 0.1s, 0.1s;
    transition-property: border-color, border-width;
    transition-timing-function: linear, linear;
	-webkit-transition-delay: 0s, 0s;
    -webkit-transition-duration: 0.1s, 0.1s;
    -webkit-transition-property: border-color, border-width;
    -webkit-transition-timing-function: linear, linear;
	-o-transition-delay: 0s, 0s;
    -o-transition-duration: 0.1s, 0.1s;
    -o-transition-property: border-color, border-width;
    -o-transition-timing-function: linear, linear;
	-moz-transition-delay: 0s, 0s;
    -moz-transition-duration: 0.1s, 0.1s;
    -moz-transition-property: border-color, border-width;
    -moz-transition-timing-function: linear, linear;
}

/* Zone: Banner Styles */
.front #zone-banner-wrapper,
.node-type-company #zone-banner-wrapper,
.node-type-products #zone-banner-wrapper,
.node-type-investors #zone-banner-wrapper,
.page-node-5 #zone-banner-wrapper,
.node-type-article #zone-banner-wrapper,
.page-news #zone-banner-wrapper,
.page-node-48 #zone-banner-wrapper,
.page-node-49 #zone-banner-wrapper
{
	background-color: #fff;
	height: 253px;
	background-size: auto 100%;
	width: 100%;
	background-position: center center;
}
.front #zone-banner-wrapper {
	height: 450px;
	background-image: url('/sites/default/files/images/tpac-banner.png');
}
.node-type-company #zone-banner-wrapper {
	background-image: url('/sites/default/files/images/tpac-company.jpg');
}
.node-type-products #zone-banner-wrapper {
	background-image: url('/sites/default/files/images/tpac-products.jpg');
}
.page-news #zone-banner-wrapper,
.node-type-investors #zone-banner-wrapper,
.node-type-article #zone-banner-wrapper 
{
	background-image: url('/sites/default/files/images/tpac-investors.jpg');
}
.page-node-5 #zone-banner-wrapper,
.page-node-48 #zone-banner-wrapper,
.page-node-49 #zone-banner-wrapper {
	background-image: url('/sites/default/files/images/contact.jpg');
}
#zone-banner-wrapper p {
	display: none;
}
.front #zone-banner .content,
.node-type-company #zone-banner .content,
.page-node-5 #zone-banner .content,
.node-type-products #zone-banner .content,
.node-type-investors #zone-banner .content,
.node-type-article #zone-banner .content,
.page-news #zone-banner .content,
.page-node-48 #zone-banner .content,
.page-node-49 #zone-banner .content
{
	background-color: transparent;
	height: 255px;
	background-position: left top;
	background-size: auto 100%;
	width: 100%;
	background-repeat: no-repeat;
}
.front #zone-banner .content {
	height: 450px;
	background-image: url('/sites/default/files/images/tpac-banner-text-only-2.png');
}
.node-type-company #zone-banner .content {
	background-image: url('/sites/default/files/images/tpac-company-text-only.png');
}
.node-type-products #zone-banner .content {
	background-image: url('/sites/default/files/images/tpac-products-text-only.png');
}
.page-news #zone-banner .content,
.node-type-investors #zone-banner .content,
.node-type-article #zone-banner .content
{
	background-image: url('/sites/default/files/images/tpac-investors-text.png');
}
.page-node-5 #zone-banner .content,
.page-node-48 #zone-banner .content,
.page-node-49 #zone-banner .content {
	background-image: url('/sites/default/files/images/contact-text.png');
}

/* Zone: Content */
.content-wrapper {
	float: left;
	height: 100%;
	margin-bottom: 4%;
	padding-top: 4%;
	width: 100%;
}
#region-content .content-wrapper {
	border-top: 1px solid #D7D7D7;
}
.content-wrapper img {
	float: left;
	padding-top: .5em;
}
.content-wrapper .left {
	width: 18%;
	margin-right: 2%;
}
.content-wrapper .right {
	float: right;
	width: 80%;
}
.content-wrapper .right a {
	text-align: right;
	float: right;
	text-transform: lowercase;
}
.right h2, .right p {
	margin-bottom: 2%;
}
.views-row {
	margin-bottom: 4%;
}
.pager {
	border-width: 0;
	background-color: transparent;
}
.pager li.first, .pager li.first a, .pager li.first a:hover {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.item-list .pager li, .item-list .pager ul li {
	margin-left: 5px;
	border-width: 0;
}
.pager li.first {
	margin-left: 0;
}
.pager li.pager-ellipsis, .pager li.pager-current, .pager li a {
	color: #fff;
}
.pager li a {
	background-color: #5F5EAB;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pager li a:hover {
  background:#5CADEF;
  color: #fff !important;
}
li.pager-previous, li.pager-first {
	display: none !important;
}
/* Zone: Post Script */
#zone-postscript-wrapper {
	background-color: #fff;
	background-image: url('/sites/default/files/images/post-script-background.png');
	background-position: center center;
	background-size: auto 100%;
	width: 100%;
	height: auto;
}
#zone-postscript .region-inner {
	background-color: #fff;
	padding: 1.5em 2em 2.5em 2em;
}
#zone-postscript .region-inner h2 {
	text-align: center;
}
#zone-postscript p {
	float: left;
	width: 62%;
	margin-right: 6%;
}
.cta-wrapper, #zone-postscript .image-wrapper img {
	float: left;
}
.image-wrapper, .cta-wrapper img {
	float: right;
	width: 31%;
}
#region-postscript-first .cta-wrapper img {
	max-width: 140px;
	width: 100%;
}
#zone-postscript .image-wrapper img:first-child {
	margin-bottom: 2em;
	width: 100%;
	max-width: 106px;
}
#zone-postscript .image-wrapper img:last-child {
	width: 100%;
	max-width: 150px;
}

/* Zone: Footer Styles */
#zone-footer-wrapper {
	background-color: #0065B2;
}
#zone-footer li a {
	line-height: 2em;
	text-transform: lowercase;
}
#zone-footer li p {
	line-height: 2em;
	text-transform: lowercase;
}
#zone-footer ul.menu li {
	margin: 0;
}
.region-footer-fourth p, .region-footer-fourth li {
	line-height: 1;
	color: #fff;
}
.region-footer-fourth {
	text-align: center;
}

/* Zone: Social Styles */
#zone-social-wrapper {
	background-color: #01355D;
}
#zone-social p {
	padding-top: 4px;
}
#zone-social .region {
	padding-top: 4px;
}
#zone-social .region:first-child, #zone-social .region-social-fifth {
	padding-top: 0;
}
#zone-social .region-social-fifth {
	text-align: right;
}
.region-social-first p {
	float: left;
	margin-right: 15%;
}
#zone-social hr {
	margin-bottom: 0;
}
hr {
	background-color:#fff;
	width: 1px;
	height: 2em;
	float: left;
}

/* Sidebar First */
#region-sidebar-first li {
	margin-bottom: 1em;
	padding-bottom: .25em;
	border-bottom: 1px solid #D7D7D7;
	margin-left: 0;
}
#region-sidebar-first li a {
	color: #535353;
	text-transform: lowercase;
}
#region-sidebar-first li a:hover {
	color: #5cadef;
}
#region-sidebar-first .content-wrapper {
	border-bottom: 1px solid #0060ae;
	padding-bottom: .5em;
}
#region-sidebar-first .content-wrapper p {
	float: left;
	margin-right: .25em;
	max-width: 160px;
	font-size: 22px;
	width: 100%;
	font-weight: bold;
}
#region-sidebar-first .content-wrapper img {
	float: right;
}
#region-sidebar-first .block-17 p, #region-sidebar-first .content-wrapper p {
	color: #0060ae;
}
#region-sidebar-first .ribbon-wrap {
    margin-top: 0;
	margin-bottom: 1em;
    margin-top: 3em;
	margin-left: 29px;
}
.ribbon-wrap {
  margin-left: 29px;
  margin-top: 1em;
  margin-bottom: 1em; 
  display: block;
  position: relative;
  z-index: 1;
  color: #535353;
}
.ribbon-wrap a {
  color: #535353;
}
.ribbon {
  display: block;
  width: 87%;
  margin-bottom: 1em;
  display: inline-block;
  background: #ffcc33;
  color: #202020;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  position: relative;
  text-align: center;
  padding: 11px 5px;
  margin: 0 0 2em;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  line-height: 18px;
}
 .ribbon:before, .ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    z-index: -1;
}
.ribbon:before {
    left: -31px;
    border: 20px solid #ffcc33;
    border-left-color: transparent;
}
.ribbon:after {
    right: -20px;
    border-left-width: 20px;
    border-right-color: transparent;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ffcc33;
}
.ribbon:hover {
    background: #01355D;
    color: #fff;
}
.ribbon:hover:before {
      border-color: #01355D;
      border-left-color: transparent;
}
.ribbon:hover:after {
      border-left-color: #01355D;
}
.cap {
  overflow: hidden;
  display: block;
}
.ribbon .cap {
  display: inline-block;
  margin: 0;
  padding-top: 2px;
  height: 8px;
  background: transparent url(/sites/default/files/images/icon-arrow-sprite.png) no-repeat 0 -19px;
}
.ribbon .cap img {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 11px;
    margin-right: 0 !important;
}

/* Sidebar Second */
.front .region-sidebar-second img {
	float: right;
	margin-top: 3em;
}
.page-node-4 .more-link {
	display: none;
}
.block-stock-stock-list .more-link {
	display: none;
}

/* Contact Us */
#block-webform-client-block-7 {
	margin-top: 2em;
}
#block-webform-client-block-6 {
	margin-top: 3em;
}
#webform-component-border {
	background-image: url('/sites/default/files/images/contact-border-small.png');
	height: 5px;
	width: 100%;
	background-repeat: repeat;
	float: left;
}
#webform-component-prescript-2, .page-node-5 #region-content p {
	float: left;
	max-width: 600px;
}
#webform-component-prescript, .page-node-5 #region-content img {
	float: right;
}
#webform-component-prescript img, .page-node-5 #region-content img {
	max-width: 200px;
}
.lady {
	margin-top: -4em;
}
#webform-component-prescript img.post {
	margin-top: -3.5em;
}
#webform-component-message {
	float: right;
	margin-top: -10.25em;
}
#webform-component-message textarea {
	min-height: 136px;
}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
{
	background-color: #EDEDED;
	border: 0px solid #fff;
	height: 3em;
	padding: 2px 10px;
}

/* Mobile Nav */
#region-user-first {
    top: -200px;
    display: block;
    position: absolute;
    display: block;
    position: absolute;
    z-index: 1;
	background-color: #fff;
	padding: 1.2em 0 1.5em 0;
}
#region-user-first ul li a {
	color: #0076bf;
}
#block-block-25 {
	display: none;
	float: right;
}

#block-block-25 li a:hover {
	color: #0076bf;
}
.navbar-inverse .navbar-toggle {
    border-color: #333333;
}
.navbar-toggle {
    background-color: #5f5eab;
    background-image: none;
    border: 1px solid #5f5eab;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
.navbar-toggle:hover {
    background-color: #5CADEF;
    border: 1px solid #5CADEF;
}
.navbar-toggle:active {
    background-color: #5f5eab;
    border: 1px solid #5f5eab;
}
.navbar-toggle:focus {
    outline: 0 none;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    background-color: #fff;
    width: 22px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.navbar-inverse .navbar-toggle {
    border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}

/* Mailchimp */
.mc-field-group {
	margin-bottom: 5%;
}
#mce-EMAIL, #mce-FNAME, #mce-LNAME {
	width: 100%;
	color: #000;
}

/* Responsive Style */
@media all and (max-width: 1220px) {
	#region-menu ul.menu li {
		margin-left: 3em;
	}
	#zone-postscript p {
		width: 100%;
		margin-right: 0;
	}
	.image-wrapper, .cta-wrapper img, #node-page-5 .field-name-body img {
		display: none;
	}
	#webform-component-message, textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
		width: 100%;
	}
	#webform-component-message {
		float: left;
		margin-top: 0;
	}
	#webform-component-message textarea {
		padding-top: 10px;
	}
	.content-wrapper .right {
		width: 78%;
	}
	#region-sidebar-first a.purple {
		width: 72%;
	}

}
@media all and (max-width: 980px) {
	#block-system-main-menu, .front #region-sidebar-second,
	#webform-component-prescript,
	.page-node-5 #region-content img
	{
		display: none;
	}
	#block-block-25 {
		display: block;
	}
	#region-menu {
		float: right;
	}
	#zone-header .region {
		margin-bottom: 0em;
		margin-top: 0em;
		padding-top: 2%;
		padding-bottom: 2%;
	}
	#zone-header #region-menu {
		padding-top: 1%;
		padding-bottom: 2%;
	}
	#region-social-fifth {
		width: 100%;
		float: left;
	}
	#zone-social .region-social-fifth {
		text-align: left;
	}
	#region-social-first {
		width: 25%;
	}
	#region-social-second, #region-social-third, #region-social-fourth {
		width: 20%;
		text-align: right;
	}
	.content-wrapper .right {
		width: 74%;
	}
	#region-sidebar-first a.purple {
		width: 66%;
	}
	#region-sidebar-first .arrow-down {
		border-top: 74px solid #5F5EAB;
	}
}
@media all and (max-width: 920px) {
	#region-sidebar-first {
		display: none;
	}
	#region-content, #region-sidebar-second {
		width: auto;
	}
	.content-wrapper .right {
		width: 75%;
	}
	#block-views-news-press-releases-block {
		margin-bottom: 20px;
	}
	.page-node-2 #zone-banner-wrapper,
	.page-node-3 #zone-banner-wrapper,
	.page-node-4 #zone-banner-wrapper,
	.page-node-5 #zone-banner-wrapper,
	.node-type-article #zone-banner-wrapper,
	.page-news #zone-banner-wrapper,
	.page-node-2 #zone-banner .content,
	.page-node-5 #zone-banner .content,
	.page-node-3 #zone-banner .content,
	.page-node-4 #zone-banner .content,
	.node-type-article #zone-banner .content,
	.page-news #zone-banner .content 
	{
		height: 200px;
	}
	.front #zone-banner-wrapper, .front #zone-banner .content {
		height: 350px;
	}
	#region-branding {
		float: left;
	}
	#region-branding {
		width: 37%;
	}
	#zone-banner-wrapper a.purple {
		margin-top: 14.5em;
	}
	#zone-banner-wrapper .arrow-down {
		margin-top: 16.3em;
	}
}
@media all and (max-width: 740px) {
	#zone-content {
		margin-bottom: 1em;
		margin-top: 2em;
	}
	.content-wrapper img {
		margin-right: 1em;
	}
	#zone-footer .region {
		float: left;
		width: 70%;
	}
	.region-footer-fourth {
		text-align: left;
	}
	#section-footer {
		background-color: #0065B2;
	}
	#zone-footer .region, #zone-social .region {
		float: left;
	}
	#zone-postscript-wrapper {
		background-color: #F9F9F9;
		background-image: none;
	}
	#zone-postscript .region {
		margin-top: 0;
		margin-bottom: 0;
	}
	#region-postscript-first {
		margin-bottom: 0em;
		margin-top: 0em;
		padding-top: 2.5em;
		padding-bottom: 2em;
	}
	#region-postscript-second {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: .75em;
		padding-bottom: 2.5em;
	}
	#zone-social .region {
		margin-top: 1.5em;
		margin-bottom: .5em;
	}
	#zone-footer .region {
		margin-top: 1.5em;
		margin-bottom: 1em;	
	}
	#region-social-fourth {
		padding-bottom: 2em;
	}
	#zone-social .region {
		float: left;
		width: auto;
		text-align: center;
	}
	#zone-social {
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}
	#region-social-first, #region-social-fifth {
		display: none;
	}
	.front #zone-banner-wrapper,
	.node-type-company #zone-banner-wrapper,
	.node-type-products #zone-banner-wrapper,
	.node-type-investors #zone-banner-wrapper,
	.page-node-5 #zone-banner-wrapper,
	.node-type-article #zone-banner-wrapper,
	.page-news #zone-banner-wrapper,
	.front #zone-banner .content,
	.node-type-company #zone-banner .content,
	.page-node-5 #zone-banner .content,
	.node-type-products #zone-banner .content,
	.node-type-investors #zone-banner .content,
	.node-type-article #zone-banner .content,
	.page-news #zone-banner .content 
	{
		height: 170px;
	}
	.front #zone-banner-wrapper, .front #zone-banner .content {
		height: 300px;
	}
	.logo {
		height: 75px;
		max-width: 220px;
	}
	#zone-header .region, #zone-header .region {
		margin-top: 5%;
	}
	#zone-banner-wrapper a.purple {
		margin-top: 12.5em;
	}
	#zone-banner-wrapper .arrow-down {
		margin-top: 14em;
	}
}
@media all and (max-width: 540px) {
	.front #zone-banner-wrapper, .front #zone-banner .content {
		height: 250px;
	}
	#zone-banner-wrapper a.purple {
		margin-top: 10.2em;
	}
	#zone-banner-wrapper .arrow-down {
		margin-top: 11.45em;
	}
}
@media all and (max-width: 460px) {
	.node-type-company #zone-banner-wrapper,
	.node-type-products #zone-banner-wrapper,
	.node-type-investors #zone-banner-wrapper,
	.page-node-5 #zone-banner-wrapper,
	.node-type-article #zone-banner-wrapper,
	.page-news #zone-banner-wrapper,
	.node-type-company #zone-banner .content,
	.page-node-5 #zone-banner .content,
	.node-type-products #zone-banner .content,
	.node-type-investors #zone-banner .content,
	.node-type-article #zone-banner .content,
	.page-news #zone-banner .content 
	{
		height: 130px;
	}
	.front #zone-banner-wrapper, .front #zone-banner .content {
		height: 220px;
	}
	#zone-banner-wrapper a.purple {
		margin-top: 8.8em;
	}
	#zone-banner-wrapper .arrow-down {
		margin-top: 9.95em;
	}
}
@media all and (max-width: 360px) {
	.node-type-company #zone-banner-wrapper,
	.node-type-products #zone-banner-wrapper,
	.node-type-investors #zone-banner-wrapper,
	.page-node-5 #zone-banner-wrapper,
	.node-type-article #zone-banner-wrapper,
	.page-news #zone-banner-wrapper,
	.node-type-company #zone-banner .content,
	.page-node-5 #zone-banner .content,
	.node-type-products #zone-banner .content,
	.node-type-investors #zone-banner .content,
	.node-type-article #zone-banner .content,
	.page-news #zone-banner .content 
	{
		height: 100px;
	}
	.logo {
		height: 75px;
	}
}