/* Global Styles (portrait) ----------- */
body {
	-webkit-text-size-adjust: none;
}
input[type="text"],
input[type="submit"],
button,
textarea {
	-webkit-appearance: none;
}
#navigation #toggle-menu {
	display: none;
	text-transform: uppercase;
}

.mobileSocial{
	display:none;
}

@media only screen and (max-width: 1349px) {
	html,
	body {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1200px) {
	#navigation #toggle-menu{
		display: block; line-height: 50px; text-transform: uppercase;
	}
#mobileNav {
	position: absolute;
	width: 180px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	background: #fefefe;
	z-index: 99;
	display: none;
}
	#navigation #mobileNav ul.desktopMenu {
	position: relative;
	background: none;
	box-shadow: none;
}
	#navigation ul.desktopMenu > li{
		display:block; margin:0; border-bottom: solid 1px rgba(0,0,0,0.1);
	}
	#navigation ul.desktopMenu > li > a {
		display: block;
		padding: 8px 14px;
	}
#navigation ul.desktopMenu > li > ul {
	display: block !important;
	opacity: 1 !important;
	height: auto !important;
	width: 100% !important;
	visibility: visible !important;
	position: relative;
	box-shadow: none;
}
	#navigation ul.desktopMenu > li > ul > li{
		border-bottom: none;
		border-top: solid 1px rgba(0,0,0,0.1);
	}
	#navigation ul.desktopMenu > li > ul > li > a{
		padding-left: 24px;
	}
	#headerBtn {
		padding-left: 3rem;
	}
	#pageBanner h1, #pageBanner h2, .bannerTitle {
		font-size:3rem;
	}
	.bannerTxt {
		font-size: 1.3rem;
	}
	.filterLable {
		font-size: .983rem;
	}
	#memberFilters .container {
		padding: 0 5px;
	}
	#memberFilters ul li {
		padding: 0 10px;
	}
	#membersRow {
		margin: 0 -10px;
	}
	#membersRow .col {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.priorityTitle {
		font-size: 1.7rem;
	}
	blockquote {
		padding-left: 1.5rem;
	}
	blockquote::before {
		left: 0;
	}
}
@media only screen and (max-width: 991px) {
	html, body {
		font-size: 15px;
	}
	.tileIcon{
		height:100px;
	}
	.tileIcon img{max-width:100%; max-height:100%;}
	.tileLabel {
		font-size: 1.3rem;
	}
	.sectionTitle.sml {
		font-size: 1.92rem;
	}
	.abfaIntroTitle {
		font-size: 1.7rem;
	}
	.statsLabel {
		font-size: 3rem;
	}
	.font18 {
		font-size: 1rem;
	}
	#memberFilters select {
		min-width: inherit;
	}
	.priorityTitle {
		font-size: 1.45rem;
	}
	.postTitle {
		font-size: 1.87rem;
	}
	body#page-contact-us #pageBanner .bannerTitle, body#page-join-abfa #pageBanner .bannerTitle {
		font-size: 3rem;
	}
	body#page-contact-us .bannerTxt, body#page-join-abfa .bannerTxt {
		font-size: 1.3rem;
	}
}
@media only screen and (max-width: 767px) {
	#logo {
		width: 165px;
	}
	#headerBtn {
		padding-left: 2rem;
	}
	body#home #pageBanner {
		background-position: center top;
		background-size: 100% auto;
		padding-top: 38vw; position:relative;
		background-color:#E7F1FB;
	}
	body#home #pageBanner:before{
		content:''; position:absolute; width:100%; height:43vw;
		top:0; left:0;
		background: linear-gradient(0deg, #E7F1FB 0%, rgba(255, 255, 255, 0) 53%);
	}
	#about-abfa, #about-intro-2 {
		padding-top: 30vw;
	}
	#about-abfa::before, #about-abfa::after, #about-intro-2:before, #about-intro-2:after {
		height: 35vw;
	}
	#about-abfa::before, #about-intro-2:before {
		width: 100%;
	}
	#about-abfa::after {
		background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 53%);
	}

	#abfa-intro-about .col-md-5 img {
		width: 220px;
		margin-bottom: 1rem;
	}
	#about-stats .col{
		padding-top:10px; padding-bottom: 10px;
	}
	#about-intro-2{
		padding-bottom: 2rem;
	}
	#about-intro-2:after {
		background: linear-gradient(0deg, #ECF3FF 0%, rgba(255, 255, 255, 0) 53%);
	}
	#abfa-cycle .col-md-5 {
		text-align: center;
	}
	#abfa-cycle .col-md-5 img{
		width: 220px;
		margin-bottom: 1rem;
	}
	#memberFilters .container{
		padding-left:20px; padding-right:20px;
	}
	#memberFilters ul {
		flex-wrap: wrap;
	}
	#memberFilters ul > li{
		width:100%; padding: 10px 0;
	}
	.filterLable {
		width: 125px;
	}
	#memberFilters select {
		min-width: 150px;
	}
	.footerRightBx {
		margin-left: inherit;
		max-width: 100%;
		margin-bottom: 2rem;
	}
	.button.round, .button {
		height: 42px;
		line-height: 42px;
	}
	.rowLinks {
		display: flex;
		flex-wrap: wrap;
	}
	.rowLinks .rowLink {
		margin-top: 10px;
		margin-left: 10px;
	}
	#sustainable-truck {
		padding-top: 41vw;
	}
	#sustainable-truck:before{
		height: 42vw; width:100%; left: 0; top:0;
	}
	ul.sustainableList > li > img {
		max-width: 3.5rem;
	}
	.titleNumbers {
		font-size: 2.2rem;
	}
	body#single-priority #pageBanner .bannerTitle {
		font-size: 3rem;
	}
}

@media only screen and (max-width: 575px) {
	#header {
		flex-wrap: wrap;
	}
#logo {
	width: 123px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
	#headerNav {
		padding: 10px 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#toggle-menu {
		line-height: 32px;
	}
	#navigation #toggle-menu {
	line-height: 32px;
	font-size: .9333rem;
	text-transform: none;
}
#navigation #toggle-menu i {
	font-size: 1.5em;
	vertical-align: middle;
}
	#headerBtn{
		padding-left: 0;
	}
#headerBtn > a {
	height: auto;
	line-height: 32px;
	font-size: .9333rem;
	color: #666;
	background: none;
	padding: 0;
}
#headerSocial {
	padding-right: 0;
	margin-left: inherit;
	text-align: center;
	width: 100%;
	display: none;
}
	#pageBanner h1, #pageBanner h2, .bannerTitle {
		font-size: 2.3rem;
	}
	.bannerTxt {
		font-size: 1.1rem;
	}
	.sectionTitle {
		font-size: 2.1rem;
	}
	#about-abfa .tiles {
		padding-top: 1.5rem;
	}
	.tiles {
		flex-wrap: wrap;
	}
	.tileBx {
		width: 100%;
	}
	.sectionTitle.sml {
		font-size: 1.6rem;
	}
	#footer{ text-align:center;}
	#footerNav {
		text-align: center;
	}
	#footerNav ul > li {
		margin: 5px .5em;
	}
	.newsPostBx{
		display:block;
	}
	.postBxImg {
		width: 100%;
		height: 40vw;
		margin-bottom: 1rem;
	}
	.postBxMeta{width:100%;}
	#paginationWrapper .page-item a {
		height: 42px;
		line-height: 38px;
		font-size: 1rem;
	}
	.accordionA {
		padding-left: 20px;
		padding-right: 20px;
	}
	.accordionQ {
		padding: 0 20px 0 3rem;
		font-size: 1.2rem;
	}
	.accordionQ::before {
		left: 0.5em;
		}
	body .lightbox {
	padding: 20px;
}
	.lightbxflex.flex {
	display: block;
}
	.teamLightbxMeta {
	text-align: center;
	width: 100%;
}
	.teamBio {
	width: 100%;
	flex-grow: 1;
	padding-left: 0;
}
	.teamInfo {
	align-items: flex-end;
	text-align: center;
	justify-content: center;
}
	.teamSocial {
	text-align: center;
}
	body .lightbox p {
	font-size: .9rem;
	line-height: 1.28em;
	margin-top: 0.5em;
	margin-bottom: 0;
}
	body#single-priority #main .container {
	display: block;
}
	.priorityIntro {
	width: 100%;
	font-size: 1rem;
}
	.priorityResources {
	width: 100%;
	padding-left: 0;
	padding-top: 1.5rem;
}
		body#single-priority #pageBanner .bannerTitle {
		font-size: 2.5rem;
	}
	.titleSustainable {
	font-size: 1.7rem;
}
.mobileSocial {
	display: flex;
	padding: 10px 15px;
	justify-content: space-between;
}
#headerBtn i {
	display: inline-block;
	font-size: 1.5em;
	vertical-align: middle;
}
	
}
@media only screen and (max-width: 369px) {
	
}