@charset "UTF-8";

/* styles-leadership-collections.css */
/* styles relating to the four leadership collection pages */



/* -------------------------------------------------------------- base global (1280+) */
/* 2-column: gray BG beyond padding 100% */

.blue-top {
	height: 160px;
}
#header-border-sm {
	display: none;
}
.leader-intro {

}
.leader-intro.main {
	display: none;
}
.leader-intro.side {
	display: block;
	border-bottom: 1px solid #000000;
	border-bottom: 1px solid #E6E6E6;
}
.leader-intro-head {
    font-family:"UniversLTW04-75Black";
    font-size: 31px;
}
.leader-intro-body {
    padding-top: 6px;
    padding-bottom: 48px;
    font-family:"UniversLTW05-55Roman";
	font-family: 'UniversLTW04-45Light';
    font-size: 13px;
    line-height: 1.5;
}
.page-menu.main {
	display: none;
}
.page-menu-spacer {
	display: none;
}
.page-menu.side {
	display: block;
	padding-top: 10px;
}
.page-item {
	cursor: pointer;
}
.page-item-side {
    font-family:"UniversLTW04-75Black";
    font-size: 31px;
    color: #A3A3A3;
}
.page-item-side.hilited {
    color: #000000;
}

/*on the li element*/
.leader-tile {
	width: 32.6923076923077%; /* 272/832 */
	padding-bottom: 19.230769230769231%;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0.961538461538462%; /* 8/832 */
	margin-top: 8px;
	font-family: 'UniversLTW04-45Light';
	font-size: 11px;
	letter-spacing: .0px;
	line-height: 1.3;
	text-decoration: none;
	background-color: #FAFAF8;
}
.leader-tile:nth-child(3n+0) {
	margin-right: 0;
}
.leader-tile-inner {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: #F1B51C;
}
.leader-tile-headshot {
	display: block;
	position: absolute;
	left: 0;
	height: 100%;
	margin: 0;
	z-index: 50;
}
.leader-tile-text {
	position: absolute;
	left: 50.367647058823529%; /* 137/272 */
	top: 8px;
    font-family:"UniversLTW05-55Roman";
    font-size: 9px;
    color: #000000;
    /*background-color: pink;*/
}
.leader-tile-text-sub {
	position: absolute;
	left: 50.367647058823529%; /* 137/272 */
	top: 100px;
    font-family:"UniversLTW05-55Roman";
    font-size: 8px;
    color: #000000;
    /*background-color: pink;*/
}
.leader-tile-name {
    margin-bottom: 3px;
    font-family:"UniversLTW04-65Bold";
    font-size: 11px;
    color: #FFFFFF;
}
/*.column-side {*/
	/*padding-left: 2.631578947368421%;*/ /* 32/1216 */
	/*padding-right: 0.822368421052632%;*/ /* 10/1216 */
/*}*/

/* -------------------------------------------------------------- search result */
.leader-result-tile-inner {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: #F1B51C;
}
.leader-result-tile-headshot {
	display: block;
	position: absolute;
	left: 0;
	height: 100%;
	margin: 0;
	z-index: 50;
}
.leader-result-tile-text {
	position: absolute;
	left: 18.5%; /* 137/272 */
	top: 8px;
    font-family:"UniversLTW05-55Roman";
    font-size: 10px;
    color: #000000;
    /*background-color: pink;*/
}
.leader-result-tile-text-sub {
	position: absolute;
	left: 18.5%; /* 137/272 */
	top: 100px;
    font-family:"UniversLTW05-55Roman";
    font-size: 9px;
    color: #000000;
    /*background-color: pink;*/
}
.leader-result-tile-name {
    margin-bottom: 3px;
    font-family:"UniversLTW04-65Bold";
    font-size: 12px;
    color: #FFFFFF;
}




/* ============================================================== 2-column */
/* -------------------------------------------------------------- breakpoint: 0-1280 */
/* 2-column: 100%: padding is removed, replaced with white background (body) */

@media screen and (max-width: 1280px) {

}

/* -------------------------------------------------------------- breakpoint: 1216-1280 */
/* 2-column: 100%: container is resized for no outside padding */

@media screen and (min-width: 1216px) and (max-width: 1280px) {

}

/* -------------------------------------------------------------- breakpoint: 810-1215 2-column fluid widths */
/* 2-column: fluid widths */

@media screen and (min-width: 810px) and (max-width: 1215px) {

}

/* -------------------------------------------------------------- breakpoint: 1080-1215 */
/* 2-column: 1079/1216 88.7%: step-down vertical dims */

@media screen and (min-width: 1080px) and (max-width: 1215px) {
	.blue-top {
		height: 142px; /* 160px */
	}
	.leader-intro-head {
	    font-size: 27px; /* 31 */
	}
	.leader-intro-body {
	    padding-top: 5px; /* 6 */
	    padding-bottom: 32px; /* 160px */
	    font-size: 12px; /* 13 */
	}
	.page-menu.side {
		padding-top: 9px; /* base 10 */
	}
	.page-item-side {
	    font-size: 27px; /* 31 */
	}

	/*on the li element*/
	.leader-tile {
		margin-top: 7px; /* 8 */
		font-size: 10px; /* 11 */
	}
	.leader-tile-text {
		top: 7px; /* 8 */
	    font-size: 8px; /* 9 */
	}
	.leader-tile-name {
	    margin-bottom: 3px; /* 3 */
	    font-size: 10px; /* 11 */
	}
	.leader-tile-text-sub {
		top: 89px;
	    font-size: 7px;
	}
}

/* -------------------------------------------------------------- breakpoint: 946-1079 */
/* 2-column: 944/1216 77.6%: step-down vertical dims */

@media screen and (min-width: 946px) and (max-width: 1079px) {
	.blue-top {
		height: 124px; /* 160px */
	}
	.leader-intro-head {
	    font-size: 24px; /* 31 */
	}
	.leader-intro-body {
	    padding-top: 5px; /* 6 */
	    padding-bottom: 28px; /* 160px */
	    font-size: 10px; /* 13 */
	}
	.page-menu.side {
		padding-top: 8px; /* base 10 */
	}
	.page-item-side {
	    font-size: 24px; /* 31 */
	}

	/*on the li element*/
	.leader-tile {
		margin-top: 6px; /* 8 */
		font-size: 9px; /* 11 */
	}
	.leader-tile-text {
		top: 6px; /* 8 */
	    font-size: 7px; /* 9 */
	}
	.leader-tile-name {
	    margin-bottom: 2px; /* 3 */
	    font-size: 9px; /* 11 */
	}
	.leader-tile-text-sub {
		top: 78px;
	    font-size: 6px;
	}
}

/* -------------------------------------------------------------- breakpoint: 810-945 */
/* 2-column: 818/1216 67.3%: step-down vertical dims */

@media screen and (min-width: 810px) and (max-width: 945px) {
	.blue-top {
		height: 108px; /* 160px */
	}
	.leader-intro-head {
	    font-size: 21px; /* 31 */
	}
	.leader-intro-body {
	    padding-top: 4px; /* 6 */
	    padding-bottom: 24px; /* 160px */
	    font-size: 9px; /* 13 */
	}
	.page-menu.side {
		padding-top: 7px; /* base 10 */
	}
	.page-item-side {
	    font-size: 21px; /* 31 */
	}

	/*on the li element*/
	.leader-tile {
		margin-top: 5px; /* 8 */
		font-size: 7px; /* 11 */
	}
	.leader-tile-text {
		top: 5px; /* 8 */
	    font-size: 6px; /* 9 */
	}
	.leader-tile-name {
	    margin-bottom: 2px; /* 3 */
	    font-size: 7px; /* 11 */
	}
	.leader-tile-text-sub {
		top: 67px;
	    font-size: 5px;
	}
}

/* ============================================================== 1-column */
/* -------------------------------------------------------------- breakpoint: 0-809 */
/* 1-column: base */

@media screen and (max-width: 809px) {
	#header-border-sm {
		display: block;
		position: fixed;
		z-index: 100;
		background-color: #4f5a5e;
	}
	.page-menu.main {
		display: block;
		position: absolute;
		left: 0;
		overflow: hidden;
		z-index: 100;
		background-color: #222720;
	}
	.page-menu-spacer {
		display: block;
		position: relative;
	}
	.page-item {
	    font-family:"UniversLTW04-65Bold";
	    color: #74848D;
	}
	.page-item.hilited {
	    color: #FFFFFF;
	}
	.page-item.off {
		visibility: hidden;
	}
	.page-menu {
		position: absolute;
	}
	.page-menu .first {
		top: 0;
	}
	.drop-arrow {
		display: inline-block;
	}
	.leader-intro.main {
		display: none;
		position: relative;
		color: #222720;
	}
	.leader-intro.side {
		display: none;
	}
	.leader-intro-inner {
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		background-color: #e8eaeb;
	}
	.leader-intro-head {
	    font-family:"UniversLTW04-75Black";
	}
	.leader-intro-body {
	    font-family:"UniversLTW05-55Roman";
	    line-height: 1.4;
	}
	.leader-tile.ghost {
		display: none;
	}
	.leader-tile-text-sub {
		position: absolute;
	}
}

/* -------------------------------------------------------------- breakpoint: 320-809 1-column fluid widths */
/* 1-column: fluid widths */

@media screen and (min-width: 320px) and (max-width: 809px) {
	#header-border-sm {
		width: 92.447916666666667%; /* (768-29-29)/768 */
		margin-left: 3.776041666666667%; /* 29/768 */
	}
	.page-menu.main {
		width: 100%;
		padding-left: 3.776041666666667%; /* 29/768 */
	}
	.page-menu-spacer {
		width: 100%;
	}
	.page-link {
		width: 92.447916666666667%; /* (768-29-29)/768 */
	}
	.page-item {
		width: 100%;
	}
	.drop-arrow {
		margin-left: 4.557291666666667%; /* 35/768 */
	}
	.leader-intro {
		width: 98.4375%; /* 756/768 */
		padding-bottom: 30.598958333333333%; /* 235/768 */
		margin-left: 0.78125%; /* 6/768 */
		margin-right: 0.78125%; /* 6/768 */
	}
	.leader-intro-inner {
		padding-left: 2.91005291005291%; /* 22/756 */
		padding-right: 4%;
	}
	.leader-tile {
		width: 100%; /* 756/768 */
		padding-bottom: 60%; /* 305/768 */
		margin-left: 0.78125%; /* 6/768 */
		margin-right: 0.78125%; /* 6/768 */
	}
	.leader-tile:nth-child(3n+0) {
		margin-right: 0.78125%; /* 6/768 */
	}
	.leader-tile-text {
		left: 50%; /* 266/756 */
	}
	.leader-tile-text-sub {
		left: 50%; /* 266/756 */
	}
}

/* -------------------------------------------------------------- breakpoint: 0-319 1-column min widths */
/* 1-column: minimum widths */

@media screen and (max-width: 319px) {
	#header-border-sm {
		width: 296px; /* (768-29-29)/768 */
		margin-left: 12px; /* 29/768 */
	}
	.page-menu.main {
		width: 320px;
		padding-left: 12px; /* 29/768 */
	}
	.page-menu-spacer {
		width: 320px;
	}
	.page-link {
		width: 295px; /* (768-29-29)/768 */
	}
	.page-item {
		width: 100%;
	}
	.drop-arrow {
		margin-left: 15px; /* 35/768 */
	}
	.leader-intro {
		width: 315px; /* 756/768 */
		padding-bottom: 98px; /* 235/768 */
		margin-left: 3px; /* 6/768 */
		margin-right: 3px; /* 6/768 */
	}
	.leader-intro-inner {
		padding-left: 2.91005291005291%; /* 22/756 */
		padding-right: 4%;
	}
	.leader-tile {
		width: 9315px; /* 756/768 */
		padding-bottom: 127px; /* 305/768 */
		margin-left: 3px; /* 6/768 */
		margin-right: 3px; /* 6/768 */
	}
	.leader-tile:nth-child(3n+0) {
		margin-right: 3px; /* 6/768 */
	}
	.leader-tile-text {
		left: 50%; /* 266/756 */
	}
	.leader-tile-text-sub {
		left: 50%; /* 266/756 */
	}
}

/* -------------------------------------------------------------- breakpoint: 768 > 760-809 */
/* 1-column: 768/768 = 100%: base vertical dims */

@media screen and (min-width: 760px) and (max-width: 809px) {
	.blue-top {
		height: 104px; /* 104 */
	}
	#header-border-sm {
		top: 103px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 193px;
	}
	.page-menu-spacer {
		height: 69px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 69px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 250px; /* base 250 */
	}
	.page-item {
	    font-size: 41px; /* base 41 */
	}
	.page-menu .second {
		top: 57px; /* base 57 */
	}
	.page-menu .third {
		top: 114px; /* base 114 */
	}
	.page-menu .fourth {
		top: 171px; /* base 171 */
	}
	.drop-arrow {
		height: 23px; /* base 23 */
		width: 23px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 23px 23px; /* base 23 */
	}
	.leader-intro {
		margin-top: 6px;
	}
	.leader-intro-inner {
		padding-top: 16px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 24px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 4px; /* base 4 */
	    padding-bottom: 36px; /* base 36 */
	    font-size: 22px; /* base 22 */
	}
	.leader-tile {
		margin-top: 6px; /* base 6 */
	}
	.leader-tile-text {
		top: 13px; /* base 13 */
	    font-size: 22px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 24px; /* base 24 */
	    margin-bottom: 3px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 172px; /* base 172 */
	    font-size: 17px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 719 > 710-759 */
/* 1-column: 719/768 = 93.6%: step-down vertical dims */

@media screen and (min-width: 710px) and (max-width: 759px) {
	.blue-top {
		height: 97px; /* 104 */
	}
	#header-border-sm {
		top: 96px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 180px;
	}
	.page-menu-spacer {
		height: 65px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 65px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 234px; /* base 250 */
	}
	.page-item {
	    font-size: 38px; /* base 41 */
	}
	.page-menu .second {
		top: 53px; /* base 57 */
	}
	.page-menu .third {
		top: 107px; /* base 114 */
	}
	.page-menu .fourth {
		top: 160px; /* base 171 */
	}
	.drop-arrow {
		height: 22px; /* base 23 */
		width: 22px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 22px 22px; /* base 23 */
	}
	.leader-intro {
		margin-top: 6px;
	}
	.leader-intro-inner {
		padding-top: 15px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 22px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 4px; /* base 4 */
	    padding-bottom: 34px; /* base 36 */
	    font-size: 21px; /* base 22 */
	}
	.leader-tile {
		margin-top: 6px; /* base 6 */
	}
	.leader-tile-text {
		top: 12px; /* base 13 */
	    font-size: 21px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 22px; /* base 24 */
	    margin-bottom: 3px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 161px; /* base 172 */
	    font-size: 16px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 660 > 650-709 */
/* 1-column: 660/768 = 85.9%: step-down vertical dims */

@media screen and (min-width: 650px) and (max-width: 709px) {
	.blue-top {
		height: 89px; /* 104 */
	}
	#header-border-sm {
		top: 88px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 165px;
	}
	.page-menu-spacer {
		height: 59px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 59px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 215px; /* base 250 */
	}
	.page-item {
	    font-size: 35px; /* base 41 */
	}
	.page-menu .second {
		top: 49px; /* base 57 */
	}
	.page-menu .third {
		top: 98px; /* base 114 */
	}
	.page-menu .fourth {
		top: 147px; /* base 171 */
	}
	.drop-arrow {
		height: 20px; /* base 23 */
		width: 20px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 20px 20px; /* base 23 */
	}
	.leader-intro {
		margin-top: 5px;
	}
	.leader-intro-inner {
		padding-top: 14px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 21px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 3px; /* base 4 */
	    padding-bottom: 31px; /* base 36 */
	    font-size: 19px; /* base 22 */
	}
	.leader-tile {
		margin-top: 5px; /* base 6 */
	}
	.leader-tile-text {
		top: 11px; /* base 13 */
	    font-size: 19px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 21px; /* base 24 */
	    margin-bottom: 3px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 148px; /* base 172 */
	    font-size: 15px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 600 > 590-649 */
/* 1-column: 600/768 = 78.1%: step-down vertical dims */

@media screen and (min-width: 590px) and (max-width: 649px) {
	.blue-top {
		height: 81px; /* 104 */
	}
	#header-border-sm {
		top: 80px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 151px;
	}
	.page-menu-spacer {
		height: 54px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 54px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 195px; /* base 250 */
	}
	.page-item {
	    font-size: 32px; /* base 41 */
	}
	.page-menu .second {
		top: 45px; /* base 57 */
	}
	.page-menu .third {
		top: 89px; /* base 114 */
	}
	.page-menu .fourth {
		top: 134px; /* base 171 */
	}
	.drop-arrow {
		height: 18px; /* base 23 */
		width: 18px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 18px 18px; /* base 23 */
	}
	.leader-intro {
		margin-top: 5px;
	}
	.leader-intro-inner {
		padding-top: 13px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 19px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 3px; /* base 4 */
	    padding-bottom: 28px; /* base 36 */
	    font-size: 17px; /* base 22 */
	}
	.leader-tile {
		margin-top: 5px; /* base 6 */
	}
	.leader-tile-text {
		top: 10px; /* base 13 */
	    font-size: 17px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 19px; /* base 24 */
	    margin-bottom: 2px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 134px; /* base 172 */
	    font-size: 13px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 550 > 540-589 */
/* 1-column: 550/768 = 71.6%: step-down vertical dims */

@media screen and (min-width: 540px) and (max-width: 589px) {
	.blue-top {
		height: 74px; /* 104 */
	}
	#header-border-sm {
		top: 73px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 138px;
	}
	.page-menu-spacer {
		height: 49px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 49px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 179px; /* base 250 */
	}
	.page-item {
	    font-size: 29px; /* base 41 */
	}
	.page-menu .second {
		top: 41px; /* base 57 */
	}
	.page-menu .third {
		top: 82px; /* base 114 */
	}
	.page-menu .fourth {
		top: 122px; /* base 171 */
	}
	.drop-arrow {
		height: 16px; /* base 23 */
		width: 16px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 16px 16px; /* base 23 */
	}
	.leader-intro {
		margin-top: 4px;
	}
	.leader-intro-inner {
		padding-top: 11px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 17px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 3px; /* base 4 */
	    padding-bottom: 26px; /* base 36 */
	    font-size: 16px; /* base 22 */
	}
	.leader-tile {
		margin-top: 4px; /* base 6 */
	}
	.leader-tile-text {
		top: 9px; /* base 13 */
	    font-size: 16px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 17px; /* base 24 */
	    margin-bottom: 2px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 123px; /* base 172 */
	    font-size: 12px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 500 > 490-539 */
/* 1-column: 500/768 = 65.1%: step-down vertical dims */

@media screen and (min-width: 490px) and (max-width: 539px) {
	.blue-top {
		height: 68px; /* 104 */
	}
	#header-border-sm {
		top: 67px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 126px;
	}
	.page-menu-spacer {
		height: 45px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 45px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 163px; /* base 250 */
	}
	.page-item {
	    font-size: 27px; /* base 41 */
	}
	.page-menu .second {
		top: 37px; /* base 57 */
	}
	.page-menu .third {
		top: 74px; /* base 114 */
	}
	.page-menu .fourth {
		top: 111px; /* base 171 */
	}
	.drop-arrow {
		height: 15px; /* base 23 */
		width: 15px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 15px 15px; /* base 23 */
	}
	.leader-intro {
		margin-top: 4px;
	}
	.leader-intro-inner {
		padding-top: 10px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 16px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 3px; /* base 4 */
	    padding-bottom: 23px; /* base 36 */
	    font-size: 14px; /* base 22 */
	}
	.leader-tile {
		margin-top: 4px; /* base 6 */
	}
	.leader-tile-text {
		top: 8px; /* base 13 */
	    font-size: 14px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 16px; /* base 24 */
	    margin-bottom: 2px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 112px; /* base 172 */
	    font-size: 11px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 460 > 450-489 */
/* 1-column: 460/768 = 59.9%: step-down vertical dims */

@media screen and (min-width: 450px) and (max-width: 489px) {
	.blue-top {
		height: 62px; /* 104 */
	}
	#header-border-sm {
		top: 61px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 115px;
	}
	.page-menu-spacer {
		height: 41px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 41px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 150px; /* base 250 */
	}
	.page-item {
	    font-size: 25px; /* base 41 */
	}
	.page-menu .second {
		top: 34px; /* base 57 */
	}
	.page-menu .third {
		top: 68px; /* base 114 */
	}
	.page-menu .fourth {
		top: 102px; /* base 171 */
	}
	.drop-arrow {
		height: 14px; /* base 23 */
		width: 14px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 14px 14px; /* base 23 */
	}
	.leader-intro {
		margin-top: 4px;
	}
	.leader-intro-inner {
		padding-top: 10px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 14px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 2px; /* base 4 */
	    padding-bottom: 22px; /* base 36 */
	    font-size: 13px; /* base 22 */
	}
	.leader-tile {
		margin-top: 4px; /* base 6 */
	}
	.leader-tile-text {
		top: 8px; /* base 13 */
	    font-size: 13px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 14px; /* base 24 */
	    margin-bottom: 2px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 103px; /* base 172 */
	    font-size: 10px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 414 > 410-449 */
/* 1-column: 414/768 = 53.9%: step-down vertical dims */

@media screen and (min-width: 410px) and (max-width: 449px) {
	.blue-top {
		height: 56px; /* 104 */
	}
	#header-border-sm {
		top: 55px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 104px;
	}
	.page-menu-spacer {
		height: 37px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 37px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 135px; /* base 250 */
	}
	.page-item {
	    font-size: 22px; /* base 41 */
	}
	.page-menu .second {
		top: 31px; /* base 57 */
	}
	.page-menu .third {
		top: 61px; /* base 114 */
	}
	.page-menu .fourth {
		top: 92px; /* base 171 */
	}
	.drop-arrow {
		height: 12px; /* base 23 */
		width: 12px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 12px 12px; /* base 23 */
	}
	.leader-intro {
		margin-top: 3px;
	}
	.leader-intro-inner {
		padding-top: 9px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 13px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 2px; /* base 4 */
	    padding-bottom: 19px; /* base 36 */
	    font-size: 12px; /* base 22 */
	}
	.leader-tile {
		margin-top: 3px; /* base 6 */
	}
	.leader-tile-text {
		top: 7px; /* base 13 */
	    font-size: 12px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 13px; /* base 24 */
	    margin-bottom: 2px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 93px; /* base 172 */
	    font-size: 9px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 400 > 395-409 */
/* 1-column: 400/768 = 52.1%: step-down vertical dims */

@media screen and (min-width: 395px) and (max-width: 409px) {
	.blue-top {
		height: 54px; /* 104 */
	}
	#header-border-sm {
		top: 53px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 100px;
	}
	.page-menu-spacer {
		height: 36px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 36px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 130px; /* base 250 */
	}
	.page-item {
	    font-size: 21px; /* base 41 */
	}
	.page-menu .second {
		top: 30px; /* base 57 */
	}
	.page-menu .third {
		top: 59px; /* base 114 */
	}
	.page-menu .fourth {
		top: 89px; /* base 171 */
	}
	.drop-arrow {
		height: 12px; /* base 23 */
		width: 12px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 12px 12px; /* base 23 */
	}
	.leader-intro {
		margin-top: 3px;
	}
	.leader-intro-inner {
		padding-top: 8px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 13px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 2px; /* base 4 */
	    padding-bottom: 19px; /* base 36 */
	    font-size: 11px; /* base 22 */
	}
	.leader-tile {
		margin-top: 3px; /* base 6 */
	}
	.leader-tile-text {
		top: 7px; /* base 13 */
	    font-size: 11px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 13px; /* base 24 */
	    margin-bottom: 2px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 90px; /* base 172 */
	    font-size: 9px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 375 > 370-394 */
/* 1-column: 375/768 = 48.8%: step-down vertical dims */

@media screen and (min-width: 370px) and (max-width: 394px) {
	.blue-top {
		height: 51px; /* 104 */
	}
	#header-border-sm {
		top: 50px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 94px;
	}
	.page-menu-spacer {
		height: 34px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 34px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 122px; /* base 250 */
	}
	.page-item {
	    font-size: 20px; /* base 41 */
	}
	.page-menu .second {
		top: 28px; /* base 57 */
	}
	.page-menu .third {
		top: 56px; /* base 114 */
	}
	.page-menu .fourth {
		top: 83px; /* base 171 */
	}
	.drop-arrow {
		height: 11px; /* base 23 */
		width: 11px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 11px 11px; /* base 23 */
	}
	.leader-intro {
		margin-top: 3px;
	}
	.leader-intro-inner {
		padding-top: 8px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 12px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 2px; /* base 4 */
	    padding-bottom: 18px; /* base 36 */
	    font-size: 11px; /* base 22 */
	}
	.leader-tile {
		margin-top: 3px; /* base 6 */
	}
	.leader-tile-text {
		top: 6px; /* base 13 */
	    font-size: 11px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 12px; /* base 24 */
	    margin-bottom: 1px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 84px; /* base 172 */
	    font-size: 8px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 360 > 355-369 */
/* 1-column: 360/768 = 46.9%: step-down vertical dims */

@media screen and (min-width: 355px) and (max-width: 369px) {
	.blue-top {
		height: 49px; /* 104 */
	}
	#header-border-sm {
		top: 48px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 90px;
	}
	.page-menu-spacer {
		height: 32px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 32px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 117px; /* base 250 */
	}
	.page-item {
	    font-size: 19px; /* base 41 */
	}
	.page-menu .second {
		top: 27px; /* base 57 */
	}
	.page-menu .third {
		top: 53px; /* base 114 */
	}
	.page-menu .fourth {
		top: 80px; /* base 171 */
	}
	.drop-arrow {
		height: 11px; /* base 23 */
		width: 11px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 11px 11px; /* base 23 */
	}
	.leader-intro {
		margin-top: 3px;
	}
	.leader-intro-inner {
		padding-top: 8px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 11px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 2px; /* base 4 */
	    padding-bottom: 17px; /* base 36 */
	    font-size: 10px; /* base 22 */
	}
	.leader-tile {
		margin-top: 3px; /* base 6 */
	}
	.leader-tile-text {
		top: 6px; /* base 13 */
	    font-size: 10px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 11px; /* base 24 */
	    margin-bottom: 1px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 81px; /* base 172 */
	    font-size: 8px; /* base 17 */
	}
}

/* -------------------------------------------------------------- breakpoint: 320 > 0-354 */
/* 1-column: 320/768 = 41.7%: step-down vertical dims */

@media screen and (max-width: 354px) {
	.blue-top {
		height: 43px; /* 104 */
	}
	#header-border-sm {
		top: 42px; /* base 104 -1 */
	}
	.page-menu.main {
		top: 80px;
	}
	.page-menu-spacer {
		height: 29px; /* base 69 */
	}
	.page-menu.main.closed {
		height: 29px; /* base 69 */
		display: none;
	}
	.page-menu.main.open {
		height: 104px; /* base 250 */
	}
	.page-item {
	    font-size: 17px; /* base 41 */
	}
	.page-menu .second {
		top: 24px; /* base 57 */
	}
	.page-menu .third {
		top: 48px; /* base 114 */
	}
	.page-menu .fourth {
		top: 71px; /* base 171 */
	}
	.drop-arrow {
		height: 10px; /* base 23 */
		width: 10px; /* base 23 */
		background: url(../images/arrow-down-white.svg) 0 0;
		background-size: 10px 10px; /* base 23 */
	}
	.leader-intro {
		margin-top: 3px;
	}
	.leader-intro-inner {
		padding-top: 7px; /* base 16 */
	}
	.leader-intro-head {
	    font-size: 10px; /* base 24 */
	}
	.leader-intro-body {
	    padding-top: 2px; /* base 4 */
	    padding-bottom: 15px; /* base 36 */
	    font-size: 9px; /* base 22 */
	}
	.leader-tile {
		margin-top: 3px; /* base 6 */
	}
	.leader-tile-text {
		top: 5px; /* base 13 */
	    font-size: 9px; /* base 22 */
	}
	.leader-tile-name {
	    font-size: 10px; /* base 24 */
	    margin-bottom: 1px; /* base 3 */
	}
	.leader-tile-text-sub {
		top: 72px; /* base 172 */
	    font-size: 7px; /* base 17 */
	}
}