/*
Theme Name: Armillary
Theme URI: http://www.armillary.co.nz/
Description: Armillary 
Author: +THECHURCH+
Version: 1.0
*/

/*============================================================== RESET ====*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, button, input,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
a { text-decoration: none; 	color: #448d97; }
.clear { clear: both; }
body {
	line-height: 1;
	font-family: "aktiv-grotesk-std", helvetica, sans-serif; font-weight:300;
	color: #448d97;
}

/*============================================================== GENERAL STYLES ====*/

*{
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
input { outline:none; }
input[type='checkbox'] { margin-right:10px; }
strong { font-weight:400; color: #3d646b; }
.container { max-width:1100px; margin: 0 auto; padding:0 40px; }
.bold-heading { font-weight: 300; color: #3d646b; }
.alignright { float:right; }
.alignleft { float:left; }
p { font-size: 19px; color:#3d646b; font-weight: 300; line-height: 1.6em; margin:0 0 30px 0; letter-spacing: 0.04em; }
h1 { font-size: 38px; font-weight: 300; color: #3d646b; letter-spacing: 0.04em; line-height:52px; }
h2 { font-size: 32px; color:#3d646b; font-weight: 300; max-width: 1140px; line-height: 1.5em; margin:0 0 20px 0; letter-spacing: 0.04em; }
h3 { font-size: 20px; font-weight: 300; color: #3d646b; line-height: 33px; margin:0 0 10px 0; letter-spacing: 0.04em; width:75%; }
h4 {}
h5 { font-size: 17px; font-weight: 400; text-transform: uppercase; color: #3d646b; letter-spacing: 0.02em; line-height: 29px;}
h6 { font-size: 17px; letter-spacing: 0.04em; font-weight: 300; color:#448d97; line-height: 27px; margin: 0 0 10px 0; letter-spacing: 0.04em; }
hr { background:#f4f4f4; height:4px; width:100%; border-radius:4px; border:none; }
sup { font-size: 14px; margin: 0 0 20px 0; display: block; }
a.anchor { padding:20px 0 0 0; display: block; }
a:hover { color:#3d646b; }

.right-arrow { 
	display: inline-block;
	width:41px;
	height:41px;
}
.right-arrow img { width:100%; position: relative; top: 8px; }
.clear { clear:both; }

/* Icons */
.services-icon, .team-icon, .subscribe-icon { background-image: url(images/sprite.png); background-repeat: no-repeat; display: inline-block; margin-right:15px; }
.services-icon { width:33px; height:40px; }
.team-icon { background-position: 0px -40px; width:40px; height:27px; }
.subscribe-icon { background-position: 0px -67px; width:42px; height:24px; }
.page-content h2, .right-col h2 { margin:0 0 40px; }
.page-content p a { border-bottom:1px solid #448d97; }
.page-content p a:hover { border-bottom:1px solid #3d646b; text-decoration: none; }
p.textWrap { max-width:64%; float:left; }
#market p img { float:right; margin-top:100px; }
#unlistedImg { margin-right:80px; }
#asset p img { float:right; margin-top:50px; }

/*============================================================== HEADER STYLES ====*/

header { max-width:1100px; height:200px; text-transform: uppercase; background-color: #ffffff; margin:0 auto; padding: 0 40px; display:block; position: relative; }
header nav { float:right; }
header nav ul li { display: inline-block; }
header #logo { float: left; position: absolute; top:0px; }
header #logo h1 { 
	display:block;
	text-indent: -9999em;
	overflow: hidden;
	height:0px;
}
header #logo a img { 
	display:block;
	width: 130px; 
	margin:40px 0 0 0px;
}

/* Sub nav */
#sub-nav ul li a { background-color: #f1f1f1;  padding: 20px 20px;  display: block; font-size:12px; font-weight:400; }
#sub-nav ul li a:hover { background-color: #6fa9b1; text-decoration: none; color: #ffffff; }

/* Main nav */
#main-nav { position: absolute; bottom: 0; right: 40px; }
#main-nav ul li a { color: #3d646b; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; border-left: 1px solid #f1f1f1; padding: 40px 15px; display: block; }
#main-nav ul li a:hover { background-color: #f4f4f4; text-decoration: none; }
#main-nav ul li {float:left; width:auto;}
#main-nav ul li:first-child a { border-left: none; }
/* #main-nav ul li:last-child a { padding:40px 0 40px 15px; } */

/* Responsive nav*/
#menu-icon { display: none; width: 54px; height: 29px; background: url(images/menu.png) center center; position: absolute; right: 0px; top: 75px; right:40px; }


/*============================================================== HOME STYLES ====*/

/* Banner */ 
#banner { 
	background-color: #f1f1f1; min-height: inherit; padding:0 0 80px 0;
	background-image: url(images/banner-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #e0e0e0;
	margin:0;
}
#banner h1 { font-weight: 300; padding: 100px 0 0 0; max-width:980px; }
#banner-container { max-width: 1100px; margin: 0 auto; padding:0 40px; }
#banner-container h3 { max-width: 1140px; }
#banner-container h1 { max-width: 70%; margin-bottom:20px; }
#banner-container h1 strong { font-weight:400; }
#banner-container a.banner-link { margin-top: 70px; display:block; font-size: 43px; font-weight: 200; color: #b4d3d9; text-decoration: none; }
#banner-container a.banner-link:hover { color:#6fa9b1; }

/* Our Services */
.our-services, .our-team, .subscribe { padding: 100px 0px; border-bottom: 4px solid #f4f4f4; }
.our-services { display: block; }
.our-services p { margin-top: 15px; }
.our-services h5 { padding-bottom:15px; border-bottom: 4px solid #f4f4f4; margin: 0 0 10px 0; }
.service {
	width:31%;
	text-align: center;
	float:left;
	margin: 50px 1% 0;
	min-height:220px;
}
.service a { font-size:16px; letter-spacing:initial; }


.right-container {

}

/* Our Team */
.team-member {
	width:23%;
	text-align: center;
	float:left;
	margin: 50px 1% 0;
	min-height:212px;
}
.team-member h6 { margin-bottom: 20px;}
.team-member img { margin: 0 auto; display:block; }
.profile-img-home { border-radius:50%; border:1px solid #6fa9b1; width:118px; margin: 0 auto 16px; }
.profile-img-home img { border-radius:50%; border:1px solid #6fa9b1; margin:3px auto; display:block; }

/* Subscribe */
.subscribe { border:none; }
/* Footer subscribe form */
.newsletter-form { margin-top: 40px; }
.newsletter-form input[type="text"], .newsletter-form input[type="email"], .newsletter-form input[type="tel"]  {
	width:98%;
	background-color: #eaeaea;
	color: #3d646b;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	height: 60px;
	border-radius: 999px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.newsletter-form input[type="text"]:nth-child(5) {
	margin-right:0%;
	margin-left:0px;
}
.newsletter-form .right-arrow {
	margin-left:10px;
}

.newsletter-form input[type="tel"] { margin-right:0px; }
.newsletter-form h3 { margin-top:10px; float:left; }
.newsletter-form .subscribe-button { 
	display:inline-block;
	background-color: #ffffff;
	font-size: 30px; 
	font-weight: 300; 
	color: #448d97;
	cursor: pointer;
	margin-top: 20px;
}
::-webkit-input-placeholder { color: #3d646b; }
:-moz-placeholder { /* Firefox 18- */ color: #3d646b; }
::-moz-placeholder {  /* Firefox 19+ */ color: #3d646b; }
:-ms-input-placeholder { color: #3d646b; }

label.error {
	position: relative;
	width:100%;
	color:red;
}
.inputWrap {
	width:21%;
	float:left;
	margin-right: 4%;
	margin-bottom:20px;
}


/*============================================================== PAGE STYLES ====*/

#PageBanner { 
	background-color: #f1f1f1; min-height: inherit; padding:0 0 80px 0;
	background-image: url(images/banner-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #e0e0e0;
	margin:0 0 80px 0;
}
#PageBanner h1 { font-weight: 300; padding: 100px 0 0 0; max-width:980px; }



.page-content { width:70%; float:left; }
.right-col { width:25%; float:right; padding: 0 0 30px 0; }
#training.right-col { margin-top:280px; }
.right-col h3 { font-size:20px; line-height: 26px; margin:0 0 20px 0; }
.page-content ul { margin: 0 0 30px 26px; }
.page-content ul li { font-size: 19px; color:#3d646b; font-weight: 300; line-height: 1.9em; letter-spacing: 0.04em; list-style-image: url(images/icons/bullet.png); }

.tombstone ul li { float:left; padding:0 1px; }
#training.tombstone ul li:first-child { float:none; }
#training.tombstone ul li img:first-child { display:block; margin:0 auto; }

.content-left { float:left; width:68%; }
.left { float:left; padding-right:20px; }
.fullwidth { width:100%; }
.button { padding:10px 15px; background:#3d646b; color:#fff; font-size:16px;  }
.width50 { width:46% !important; }
.page-content.width50 { margin-right:2%; }
.right-col.width50 { margin-left:2%; float:right; }

.tombstone#market-places ul li { padding-bottom:40px; }

/*============================================================== OUR PEOPLE STYLES ====*/

h3.people { color:#3d646b; font-size:24px; line-height:33px; font-weight:400; letter-spacing:0.04em; margin:0 0 10px 0; }
ul.people-anchor li { list-style-image: url(images/icons/people.png); font-size:16px; letter-spacing:0.04em; margin:0 0 10px;  }
.profile { float:right; text-align: center; text-transform: uppercase; }
.profile h5 { font-size:15px; line-height:20px; }
.profile h6 { font-size:15px; line-height:20px; }
.profile p { font-size: 15px; }
.profile ul { margin:0; }
.profile ul li { list-style: none; font-size: 15px; line-height: 30px; letter-spacing:0.04em; color:#448d97; }
.profile ul li a { font-size: 15px; line-height: 20px; text-decoration: underline; letter-spacing:0.04em; }
.profile ul li a.linkedIn img { margin:12px 0 0 0; width:35px; height:35px; }
.profile-img { border-radius:50%; border:1px solid #6fa9b1; width:160px; margin: 0 auto 16px; }
.profile-img img { border-radius:50%; border:1px solid #6fa9b1; margin:3px auto; display:block; }
.person-row { border-top:#f4f4f4 6px solid; width:100%; padding:50px 0; }
.profileDivider { background:#f4f4f4; height:6px; width:80%; border-radius:6px; margin:0 auto 16px; }


/*============================================================== FINANCIAL TRAINING STYLES ====*/

.panelContainer {
	margin-top:20px;
	min-height:66px;
	position:relative;
}
.panelContainer h3 {
	width:100%;
	bottom:0;
	left:0;
}

h2.bold { font-weight:300; color:#3d646b; }
.trainingGrid { padding:0 0 30px 0;}
.trainingGrid h2 { padding:0 0 25px 0; }
.trainingGrid .resCol { width:29.33%; margin:2%; float:left; }
.trainingGrid .resCol .trainingPanel { width:94%; min-height:180px; padding:3%; text-align: center; margin-bottom: 20px; }
.trainingGrid .resCol .trainingPanel h3 { border-bottom: 4px solid #f4f4f4; padding-bottom:15px; width:100%; font-size:20px; margin-bottom:25px; min-height:66px; }
.trainingGrid .resCol .trainingPanel p.catSmall { font-size:14px; }
.trainingGrid .resCol .trainingPanel a { font-size: 20px; font-weight: 300; color: #b4d3d9; margin:0; }

/* Modal */
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #e0e0e0;
    display: none;
}

.modal { display: none; width:80%; max-width:600px; padding:5%; background: #fff; border:3px solid #ececec; overflow-y: scroll; }
.modal p { font-size:18px; margin:0 0 20px 0; }
.modal .modal-close { position:fixed; padding:10px; width:18px; height:18px; background: #fff; color:#3d646b; border:1px solid #3d646b; border-radius:25px; text-align:center; right:30px; top:30px; line-height:18px; cursor:pointer; }
.modal .modal-close:hover { background: #3d646b; color:#ffffff; border:1px solid #3d646b; text-decoration: none; }
.modal a.callToAction { font-size: 24px; font-weight: 200; color: #3d646b; margin: 0; }
.modal h4 { margin: 0 0 20px 0; display:block; line-height:24px; }
.modal .right-arrow img { width:80%; }

/*Training Programme Tables*/
table { border-spacing:2px; border:1px solid #ddd; }
table td { border:none; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background-color:#F9F9F9 }
table tr td { padding:0.2em 0.225em; font-size:0.875em; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { line-height:1.125em; }

/*============================================================== NEWS AND PUBLICATION STYLES ====*/

.page-content ul.newsList { margin:0 0 30px 0; }
ul.newsList li { list-style: none; }
ul.newsList li h5, ul.publicationList li h5 { text-transform: none; }
ul.newsList li:last-child .newsItem { border:none; }
.newsItem { padding:0 0 20px 0; border-bottom:3px solid #e0e0e0; margin: 0 0 20px 0; }
.newsItem sup { font-size:12px; margin:0px; }
.newsItem a { line-height:20px; font-size:16px; font-weight:300; }
.newsItem a .right-arrow { width:22px; height:22px; }
.newsItem a .right-arrow img { top:6px; }

ul.publicationList { margin:0 0 30px 0; }
ul.publicationList li:last-child .publicationItem { border:none; }
.publicationItem { padding:0 0 20px 0; border-bottom:3px solid #e0e0e0; margin: 0 0 20px 0; }
.publicationItem h5 { margin:0 0 10px 0; }

/*Single Post*/
.postWrap { padding:20px 0 70px 0; }

/*============================================================== FINANCIAL TRAINING ====*/

ul.checklist li { padding-bottom:10px; line-height:22px; }

/*============================================================== MARKET PLACES ====*/

#market.page-content { width:80%; }

/*============================================================== ASSET MANAGEMENT ====*/

#asset.page-content { width:80%; }

/*============================================================== CONTACT STYLES ====*/

.contactGrid { padding:0 0 30px 0;}
.contactGrid .resCol { width:25%; float:left; margin-top:40px; }
#map_canvas { width: 100%; height: 400px; margin: 0 0 80px 0; }
.contact-services { margin:20px 0 80px 0; }
.contact-services h5 { padding-bottom:15px; border-bottom: 4px solid #f4f4f4; margin: 0 0 10px 0; }
.contact-services a .right-arrow { width:22px; height:22px; padding-left:5px; }
.contact-services a .right-arrow img { top:6px; }
.contact-services .service {
	min-height:84px;
	width:23%;
	text-align: center;
	float:left;
	margin: 50px 1% 0;
}

/*============================================================== ARCHIVE STYLES ====*/

p.newer { float:left; display:inline-block; }
p.older { float:right; display:inline-block; }

/*============================================================== FOOTER STYLES ====*/
.scroll { cursor:pointer; }
#to-top { width:33%; position:relative; margin:0 auto; display:inline-block; }
#to-top a { display:block; margin:0 auto; width:41px; }
#to-top img {  }

footer { width:100%; padding: 70px 0 70px; }
footer .footer-credits > * { float:left; }
footer .footer-credits { border-bottom: none; float: left; width:33%; display:inline; }
footer .footer-credits img { padding-top:9px; }
footer .footer-credits h3 { color: #b4d3d9; width:100%; text-align:left; font-size: 22px; line-height:35px; font-weight:300; }
footer .footer-credits a { font-size: 35px; color: #3d646b; margin:0 20px 0 0 ; }

footer .footer-links { float:right; line-height: 35px; width:33%; display:inline; }
footer .footer-links a { font-size: 22px; font-weight: 300; color: #448d97; margin:0 0 0 30px; border-bottom: 1px solid #b4d3d9; float:right; }


/*============================================================== RESPONSIVE ====*/

@media (max-width: 1280px ) { 
	#asset p img {  }
	#market p img {  }
	/* Header */
	#main-nav { margin-top:35px; }
	#main-nav ul li a { padding:20px 8px; font-size:13px; }
	#banner { background-position: right -400px bottom; padding: 50px 0px; transition:0.03s; }
	#banner h1 { padding:0px; }
	#banner-container h1 { max-width:70%; }
	/* #main-nav ul li:last-child a { padding:20px 0 20px 8px; } */
	#sub-nav ul li a { padding:15px 15px; }
	header { height: 130px; }
	header #logo a { margin-top: 20px; }
	header #logo a img { width: 80px; margin-top:30px;  transition:0.03s; }
	
} 

@media (max-width: 980px) { 
	p.textWrap { max-width:100%; }
	#asset p img { margin-bottom: 20px; margin-top:10px; float:left; }
	#market p img { margin-bottom: 20px; margin-top:10px; float:left; }
	body.page-id-15 .right-col { display:none !important; }
	#PageBanner { background-image:none; }
	#banner h1 { background-position: right -400px bottom; padding:0px; transition:0.03s; }
	
	/* Home */
	h3 { margin:0 0 10px 0; width:100%; }
	.our-services, .our-team { margin-top: 0px; padding: 70px 0px; }

	.our-services h3, .our-team h3 { margin: 0 0 50px 0; }
	.service, .team-member { width:31.33%; text-align: center; float:left; margin:30px 1% 0; min-height:220px; }
	.service { height:300px; }
	/* Header */
	header { height:auto; padding: 130px 0 0 0; }
	header #logo a img { padding-left: 40px; }
	header nav { float: none; }
	#menu-icon { display:inline-block; position: absolute; z-index: 10; top: 50px; }
	.navigation { display: none; position:relative; top:2px; }

	/* Sub nav */
	#sub-nav { float:left; width:50%; border-top:1px solid #e0e0e0; }
	#sub-nav ul li { float:left; width:100%; border-bottom:1px solid #e0e0e0; }
	#sub-nav ul li a { background-color: #fff; color: #6fa9b1; font-weight: 400; letter-spacing: 0.5px; border-right:1px solid #e0e0e0; padding: 20px 19px 20px 20px; display: block; font-size:12px; }
	#sub-nav ul li a:hover { background-color: #6fa9b1; text-decoration: none; color: #fff; }
	
	.hide980 { display:none !important; }
	
	/* Main nav */
	#main-nav { margin-top:0px; float:left; width:50%; border-top:1px solid #e0e0e0; position:relative; right:0px; }
	#main-nav ul li a { background-color: #fff; padding: 20px 5%; display: block; font-size:12px; margin-top:0px; }
	#main-nav ul li a:hover { background-color: #6fa9b1; text-decoration: none; color: #ffffff; }
	#main-nav ul li { float:left; width:100%; border-bottom:1px solid #e0e0e0; }
	
	/* Contact */
	.contactGrid .resCol { width:21%; margin:2%; float:left; }
	.contact-services .service { min-height: 80px; }
	
	/* Footer */
	footer { padding:50px 0;}
	.subscribe { width:94%; }
	footer .footer-credits h3 { float: left; margin: 0; font-size:20px; line-height:35px; }
	footer .footer-credits a { float: right; margin-right:0; }
	footer .footer-credits { margin-left: 0; padding:0px; }
	.newsletter-form input[type="text"], .newsletter-form input[type="email"], .newsletter-form input[type="tel"]  { width: 100%; }
	.inputWrap {
	width:100%;
	float:left;
	margin-right: 4%;
	margin-bottom:20px;
	}
	.newsletter-form .subscribe-button { font-size: 30px; }
	footer .footer-credits img { padding-top: 4px; width: 63px; }
	footer .footer-links a { font-size: 20px; margin: 0 0 0 25px; }
	footer .footer-links .right-arrow { width:20px; height:20px; }
	footer .footer-links .right-arrow img { width:100%; top: 3px; }
	
	#to-top {  }
}


@media (max-width: 768px) and (max-width: 979px) { 
	p.textWrap { max-width: 100%; }
	#asset p img { margin-bottom: 20px; margin-top:10px; float:left; }
	#market p img { margin-bottom: 20px; margin-top:10px; float:left; }
	.trainingGrid h2 { padding:0 0 50px 0; }
	/* Responsive nav*/

	/* Sub nav */
	#sub-nav ul li { float:left; width:100%; border-bottom:2px solid #e0e0e0; }
	#sub-nav ul li a { background-color: #fff; color: #3d646b; font-weight: 400; letter-spacing: 0.5px; padding: 22px 5%; display: block; font-size:12px; }
	#sub-nav ul li a:hover { background-color: #6fa9b1; text-decoration: none; color: #ffffff; }
	
	/* Main nav */
	#main-nav ul li a { background-color: #fff; padding: 22px 5%; display: block; font-size:12px; margin-top:0px; }
	#main-nav ul li a:hover { background-color: #6fa9b1; text-decoration: none; color: #ffffff; }
	#main-nav ul li { float:left; width:100%; border-bottom:2px solid #e0e0e0; }

	/* Home */
	.service, .team-member { width: 46%; margin:0 2%; }
	.our-services, .our-team, .subscribe, .footer-credits { padding: 50px 0px; }
		
	/* Banner Image */
	#banner h1 { background-image:none; transition:0.03s; }
	#PageBanner { background-image:none; margin:0 0 80px 0; transition:0.03s; }
	#banner-container h1 { max-width: 100%;}
	
	
	/* Page styles */
	p { font-size: 18px; font-weight: 300; line-height: 1.6em; margin:0 0 30px 0; letter-spacing: 0.04em; transition:0.2s; }
	h1 { font-size: 30px; line-height: 45px; }
	h2 { font-size: 26px; }
	.page-content { width:100%; }
	#asset.page-content { width:100%; }
	#market.page-content { width:100%; }
	.page-content ul { margin:0 0 20px 14px; }
	.page-content ul li { font-size: 18px; font-weight: 300; line-height: 1.5em; letter-spacing: 0.04em; transition:0.2s; }
	.right-col { width:100%; max-width:768px; margin:0 auto; float:left; }
	.content-left { float:left; width:100%; }
	.profile { float:none; }
	
	/* Finacial Training */
	.trainingGrid .resCol { width:46%; margin:2%; float:left; }
	.modal { display: none; width:80%; max-width:600px;  padding:5%; background: #fff; border:3px solid #ececec; overflow-y: scroll; }
	.trainingGrid .resCol .trainingPanel { min-height: 210px; }
	
	/* Contact */
	.contactGrid .resCol { width:50%; margin:20px 0 0; float:left; }
	.break { clear:both; }
	.contact-services .service { width:46%; margin: 30px 2% 0; height: 110px; }
	#map_canvas { margin: 0 0 60px 0; }
	.contact-services { margin: 20px 0 40px 0;}

	/*Single Post*/
	.postWrap { padding:20px 0 50px 0; }
	
}

@media (max-width: 480px) { 
	p.textWrap { max-width:100%; }
	#market p img { float:left }
	.hide480 { display:none !important; }
	.page-content.width50, .right-col.width50 { width:100% !important; margin:0; float:left; }
	
	#banner-container h1 { max-width: 100%; margin-bottom: 0; }
	#banner h1 { padding:0px; }
	h1 { font-size: 22px; line-height: 35px; }
	h2 { font-size:20px; font-weight:400; }
	h3 { width:100%; font-weight:400; }
	h2.bold { font-weight:400; }
	.container { padding:0 30px; }
	.our-services h3, .our-team h3, .subscribe h3 { font-weight:300; display:inline-block; }
	/* Navigation */
	#main-nav ul li a, #sub-nav ul li a { padding: 20px 5%; }



	/* Home */
	.service { height:250px; }
	.service, .team-member { width: 100%; }
	.subscribe { width:100%; }
	.newsletter-form input[type="text"], .newsletter-form input[type="email"], .newsletter-form input[type="tel"] {
	width: 90%;
	}
	.inputWrap {
	width:100%;
	float:left;
	margin-right: 4%;
	margin-bottom:20px;
	}
	.trainingGrid .resCol { width:96%; margin:2%; float:left; }
	
	/*footer .footer-links { float:left; margin:10px 0 0 0; }
	footer .footer-links a { font-size: 20px; margin: 0 6px 0 0; }*/
	
	/* Banner Image */
	#banner { background-image: none; padding: 30px 0px; transition:0.03s; }
	#PageBanner { background-image: none; margin:0 0 60px 0; transition:0.03s; padding:0; }
	#PageBanner h1 { padding: 30px 0; }
	/* People */	
	.person-row { border:none; padding:15px 0; }
	
	/* Contact */
	.contactGrid .resCol { width:100%; }
	.contact-services .service { width: 100%; }

	/* Footer */
	#to-top { width:100%; position:relative; margin:0 auto; display:block; margin-bottom:20px; }
	#to-top a { display:block; margin:0 auto; width:41px; }
	
	footer .footer-credits { width:100%; margin-bottom: 30px; display:block; margin-bottom:20px; }
	footer .footer-credits h3 { text-align:center; }
	footer .footer-links { width: 100%; text-align: center; display:block; }
	footer .footer-links a { margin: 20px; float:none; }

	/* Financial planning */
	.trainingGrid .resCol .trainingPanel { min-height: 150px; }
	
	/*Single Post*/
	.postWrap { padding:20px 0; }
}

@media (max-width: 320px) { 
	
	#sub-nav ul li a, #main-nav ul li a { font-size:11px; }

	
	
}