* {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height:1.5em;
	font-weight:400;
	/* reset fonts */
}

/* globals */

.blue {
	background-color: #2f307f;
}

.hgred .shape {
	fill: #c10e1a;
}

ul {
	list-style-type: none;
}

strong,
p strong {
	font-weight:700;
}

.leesmeer {
	display:inline-block;
	padding:0.6em 2.5em;
	margin:1em 0 0 0;
	color:#FFF!important;
	font-size:140%;
	font-weight:700;
	background-color: #2f307f;
	text-decoration: none;
	cursor:pointer;
	pointer-events: all;
}

p .leesmeer {
	font-size:102%;
}

/* helpers */

.clearfix:before,
article:before {
	content: "";
	zoom: 1;
	display: block
}

.clearfix:after,
article:after {
	content: "";
	zoom: 1;
	display: table;
	clear: both
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
}

/* structure */

html {
	font-size: 61%;
	width:100%;
	min-height:100%;
}

body {
	font-size: 1rem;
	width:100%;
	max-width:100%;
	min-height:100%;
	background-image:url(img/hexagon_bg.svg);
	background-repeat: repeat;
	background-position: -10% top;
	background-size: 140% auto;
	font-family: aaux-next, sans-serif;
	overflow-x:hidden;
}

/* markup */
	
h2 {
	font-size:270%;
	line-height:1.1em;
	font-weight:700;
	margin:0.2em 0 0.6em 0;
}

h3 {
	font-size:240%;
	line-height:1.1em;
	margin-bottom:0.8em;
}

h4 {
	font-size:170%;
	font-weight:700;
	color: #2f307f;
	margin:0 0 0 0;
}

p {
	font-size:160%;
	margin:0 0 1em 0;
	color:#575757
}

ol {
	font-size:160%;
	margin:0 0 1em 0;
	padding:0 0 0 1.2em;
	color:#575757
}

blockquote {
	font-size:250%;
	margin:1em 0;
}

main {
	display:block;
	width:100%;
	max-width:1550px;
	margin:0 auto;
	overflow-x:hidden;
}

#homeheader {
	position:relative;
	width:100%;
	overflow:hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
}

#homeheader h1#page_name {
	display:block;
	position:absolute;
	bottom:5%;
	left:6%;
	font-size:300%;
	color:#FFF;
	font-weight:700;
	z-index:2;
	display:none;
}

#mainload.page h1#page_name {
	display:block;
}

#homeheader_placeholder {
	float:left;
	width:100%;
	height:0;
	padding:0 0 52.26% 0;
	transition: all 500ms ease;
}

#innerheader {
	position:relative;
	float:left;
	width:100%;
}

#header_imgbox {
	position:absolute;
	top:40%;
	right:0%;
	width:100%;
	height:100%;
	-webkit-transform: scale(1.4, 1.4);
	-ms-transform: scale(1.4, 1.4);
	transform: scale(1.4, 1.4);
	transition: all 500ms ease;
	z-index:0;
}

#header_imgbox .header_img_swiper,
#header_imgbox .header_img_swiper .swiper-wrapper {
	position:relative;
	float:left;
	width:100%;
	height:100%;
}

#header_imgbox .header_img_swiper {
	z-index:0;
}

#header_imgbox .header_img_swiper .swiper-wrapper .swiper-slide .swiper-bg {
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow:hidden;
}

.swiper-button-prev,
.swiper-button-next {
	-webkit-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8);
}

.swiper-slide article {
	padding-left: 30px;
	padding-right: 30px;
}

#main_header_img {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	opacity:0;
	pointer-events: none;
	transition: opacity 500ms ease;
}

#mainload.showmain #main_header_img {
	opacity:1;
	pointer-events: all;
}

.header_img_box {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFF;
	opacity:0;
	transition: opacity 1000ms ease;
}

.header_img_box.current_header_img {
	opacity:1;
	z-index:1;
}

#header_blueblock {
	position:absolute;
	top:-161%;
	left:-30%;
	width:100%;
	height:200%;
	background-color: #2f307f;
	-webkit-transform:rotate(-13deg);
	-moz-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	transition: all 500ms ease;
}

#header_hex_container {
	position:absolute;
	top:-267.5%;
	left:0%;
	width:150%;
	height:0;
	padding:0 0 167.55% 0;
	-webkit-transform:rotate(-18deg);
	-moz-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	transition: all 500ms ease;
}

#header_hex {
	position:absolute;
	top: 0;
    left: 0;
    width: 100%;
	height:auto;
	padding:0;
	margin:0;
}

#logo_hex_container {
	position:absolute;
	top:-25%;
	left:-8%;
	width:30%;
	height:0;
	padding:0 0 33.51% 0;
	pointer-events:all;
	cursor:pointer;
	-webkit-transform:rotate(-18deg);
	-moz-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	transition: all 500ms ease;
}

#logo_hex {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#logo_hex .shape {
	fill:#FFF;
}

#logo_fine_decision {
	position:absolute;
	top:3%;
	left:2.5%;
	width:12%;
	pointer-events:none;
	cursor:pointer;
}

#fine_decision {
	position:absolute;
	top:2.2%;
	left:9%;
	width:12%;
	pointer-events:none;
	cursor:pointer;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	transition: all 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

header nav {
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	z-index:10;
	overflow:auto;
	opacity:0;
	pointer-events: none;
	transition: all 300ms ease;
	background-color: #c10e1a;
	display:none;
}


body.shownav {
	overflow:hidden;
}

body.shownav header nav {
	opacity:1;
	pointer-events: all;
}

body.shownav header nav ul {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	
}

header nav ul {
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0 auto;
	padding:10% 5%;
	font-size:10vw;
	-webkit-transform: scale(5, 5);
	-ms-transform: scale(5, 5);
	transform: scale(5, 5);
	transition: all 300ms ease;
}

header nav ul li {
	float:left;
	width:100%;
}

header nav ul li a {
	display:block;
	float:left;
	width:100%;
	color:#FFF;
	text-align:center;
	padding:0.3em 1em;
	text-decoration: none;
	font-weight:700;
}

header nav ul li a.active,
#inner_footer ul li a.active {
	color: #2f307f;
}

#menu_button_container {
	position:absolute;
	top:8%;
	right:4%;
	width:9%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: transform 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
	cursor:pointer;
}

#menu_button {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#menu_button line {
	fill:none;
	stroke:#2F307F;
	stroke-width:2;
	stroke-linecap:square;
	stroke-miterlimit:10;
}

#header_textwrap {
	position:relative;
	float:left;
	width:100%;
	min-height:20vw;
	padding:0 0 6% 0;
	margin-top:15vw;
	color:#FFF;
	z-index:2;
	opacity:1;
	transition: all 500ms ease;
	font-size:1.5rem;
}

#ht_redblock {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #c10e1a;
	-webkit-clip-path: polygon(0 0, 100% 10vw, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 10vw, 100% 100%, 0% 100%);
	transition: all 500ms ease;
}

#text_float_container {
	position:relative;
	width:100%;
}

.header_textfloat {
	position:relative;
	width:100%;
	visibility:hidden;
	display:none;
}

.header_textblock {
	position:absolute;
	top:0;left:0;
	width:100%;
	opacity:0;
	transition: opacity 700ms ease;
}

.header_textblock.current_ts {
	opacity:1;
	z-index:1;
}

.header_textfloat.current_ts {
	display:block;
}

#mainload.page #header_textwrap #text_float_container {
	display:none;
}

.header_text_content {
	position:relative;
	width:100%;
	padding:0 5%;
}

.header_text_content .text_wrap {
	width: 100%;
    height:10vw;
    -webkit-shape-outside: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    float:right;
}

.header_text_content h2 {
	padding:10% 2% 3% 0;
	font-size:200%;
	font-weight:700;
	margin:0;
}

.header_text_content p {
	font-size:90%;
	line-height:1.3em;
	color:#FFF;
	margin:0em;
	width:100%;
	font-weight:400;
}

.header_text_content .leesmeer {
	font-size:90%;
}

#header_blueblock,
#header_hex_container,
#header_textwrap {
	pointer-events: none;
}

#arrowdown_container {
	position:absolute;
	bottom:0;left:50%;
	width:100px;
	margin-left:-50px;
	cursor:pointer;
	-moz-animation: bounce 2500ms infinite;
	-webkit-animation: bounce 2500ms infinite;
	animation: bounce 2500ms infinite;
}

#arrowdown {
	position:absolute;
	top:0;left:0;
	width:100%;
}

#arrowdown polygon {
	fill:#FFFFFF;
}

main.page #arrowdown_container {
	display:none;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    	-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
  }
  40% {
    	-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
  }
  60% {
    	-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
  }
}

#content {
	position:relative;
	width:100%;
	height:auto;
}

section {
	width:100%;
	padding:5% 0;
	margin:0;
}

#infographics {
	width:100%;
	padding:5% 5%;
	text-align: center;
}

#infographics .polygon_wrap {
	position:relative;
	display:inline-block;
	width:100%;
	margin: 0 0 2em 0;
}

#infographics .igframe {
	position:absolute;
	top:2%;
	right:2%;
	bottom:2%;
	left:2%;
	-webkit-clip-path: polygon(50% 0%, 97% 26%, 97% 74%, 50% 100%, 3% 74%, 3% 26%);
	clip-path: polygon(50% 0%, 97% 26%, 97% 74%, 50% 100%, 3% 74%, 3% 26%);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

article {
	position:relative;
	width:100%;
}

.article_left, .article_right {
	width:100%;
	max-width:1000px;
	padding:2% 5%;
	margin:0 auto;
}

article.twocollum .article_left,
article.twocollum .article_right {
	float:left;
	width:100%;
}

article.img_right.twocollum .article_left,
article.img_right.twocollum .article_right {
	float:right;
}

.article_left {
	
}

.article_left img {
	width:100%;
}

.polygon_wrap {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
}

.polygon_wrap img.ratio {
	width:100%;
}

.polygon_wrap .polygon {
	position:absolute;
	top:0;left:0;
	width:100%;
}

.polygon_wrap .polygon .shape {
	fill: #c10e1a;
}

.polygon_wrap.bluebg .polygon .shape {
	fill: #2f307f;
}

.polygon_wrap .polygon.tilt {
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
}

.polygon_wrap .polygon_white {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
}

.polygon_wrap .polygon_white .shape {
	fill:#FFFFFF;
}

.rollover_textbox {
	font-size:3.1vw;
	position:absolute;
	top:2%;
	right:1%;
	bottom:2%;
	left:1%;
	padding:6em 2em 2em 2em;
	-webkit-clip-path: polygon(50% 0%, 97% 26%, 97% 74%, 50% 100%, 3% 74%, 3% 26%);
	clip-path: polygon(50% 0%, 97% 26%, 97% 74%, 50% 100%, 3% 74%, 3% 26%);
	text-align: center;
	display:none;
}

.polygon_wrap:hover .polygon_white,
.polygon_wrap:hover .rollover_textbox {
	display:block;
}

.rollover_number {
	display:inline;
	font-size:700%;
	line-height:0;
	color:#c10e1a;
	font-weight:700;
}

.rollover_textbox h2 {
	font-size:250%;
}

.rollover_textbox p {
	font-size:150%;
	line-height:1.3em;
}

.clipimg_wrap {
	width:100%;
	padding:0% 3%;
}

.clipimg {
	width:100%;
	margin:auto;
	-webkit-clip-path: polygon(50% 0%, 97% 26%, 97% 74%, 50% 100%, 3% 74%, 3% 26%);
	clip-path: polygon(50% 0%, 97% 26%, 97% 74%, 50% 100%, 3% 74%, 3% 26%);
}

.polygon_wrap[data-float=yes] .clipimg_wrap {
    position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.article_float {
	margin:auto;
}

article time {
	display:block;
	font-size:150%;
	font-style: italic;
	margin:-1em 0 1em 0;
}

.article_right p a {
	color:#2f307f;
}

.article_right img {
	float:left;
	width:100%;
	//max-width:70%;
	margin:0.2em 0.8em 0.2em 0;
}

img[data-action=zoom] {
    transition: all 500ms ease;
}

footer {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	font-size:145%;
	padding:20% 0 0 0;
}

#footer_blueblock {
	position:absolute;
	top:100%;
	right:-60%;
	width:100%;
	height:200%;
	background-color: #2f307f;
	-webkit-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	-ms-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	transition: all 1500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

#footer_hex_container {
	position:absolute;
	top:0%;
	left:-70%;
	width:300%;
	height:0;
	padding:0 0 335.09% 0;
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	//background-color: rgba(0, 255, 255, 0.27);
}

#footer_hex {
	position:absolute;
	top:0;
	left:0;
	//min-width:100%;
	width:100%;
}

#inner_footer {
	position:relative;
	float:left;
	padding:1em 0;
}

#inner_footer h4 {
	color:#2f307f;
	text-align:center;
	margin:0.5em 0;
	font-size:140%;
	font-weight:700;
}

#footer_logo {
	float:left;
	width:100%;
	padding:0 2%;
	text-align:center;
}

#logo_white {
	display:inline-block;
	width:100%;
	max-width:70px;
	fill:#FFF;
	cursor:pointer;
}

#inner_footer ul {
	float:left;
	width:100%;
	text-align:center;
}

#inner_footer ul li {
	display:inline;
	padding:0.25em 0;
}

#inner_footer ul li a {
	color:#FFF;
	font-weight:700;
	padding:0 0.6em;
	border-right:0.1em solid #FFF;
	text-decoration: none;
}

#inner_footer ul li:last-child a {
	border-right:none;
}

#footer_menu1 {
	float:left;
	width:100%;
	margin:0.5em 0 0 0;
}

#footer_menu2 {
	float:left;
	width:100%;
	margin:0.5em 0;
	text-align:center;
}

#footer_menu2 ul {
	display:inline-block;
	float:none;
}

#credits {
	float:left;
	width:100%;
	margin:auto 0 0 0;
	text-align: center;
}

.logo_nba {
	display:inline-block;
	width:70px;
	margin:0 2em 0 0;
	background-color: #FFF;
	border:2px solid #2f307f;
}

#nba1 {
	margin:0 0 1em 1em;
}

#nba2 {
	display:none;
}

#credits p {
	display:block;
	font-size:100%;
	color:#FFF;
	margin:0;
}

#credits p a {
	text-decoration: none;
	color:#FFF;
}

/* swwiper */

.swiper-container {
	
}

/* pagination */

#pagination {
	position:relative;
	width:100%;
	padding:0 5% 5% 8%;
}

ul.pagination {
	position:relative;
	float:right;
	list-style-type:none;
}

ul.pagination li {
	float:left;
	display:inline;
	margin-right:0.5em;
}

ul.pagination li.ellipsis {
	padding:0 5px
}

ul.pagination li a {
	display:inline-block;
	float:left;
	padding:0.5em 1em;
	font-size:160%;
	font-weight:700;
	color:#c7c6c7;
	text-decoration:none;
	border:1px solid #c7c6c7
}

ul.pagination li span {
	float:left;
	margin-right:1em
}

ul.pagination li a.page {
	color:#adadad;
}

ul.pagination li.selected a.page {
	background-color:#CCC;
	color:#fff
}

ul.pagination li.disabled a {
	color:#ddd;
	cursor:default;
	border:1px solid #CCC;
	opacity:.3
}

/* loader */


#loaderscreen {
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	background-color: rgba(0, 0, 0, 0.15);
	z-index:10;
	display:none;
}

#innerloadscreen {
	width:100%;
	height:100%;
}

.pulse {
	position: relative;
	height: 2em;
	width: 2em;
	display: inline-block;
}

#mainpulse {
	font-size: 600%;
}

.pulse:before,
.pulse:after {
	box-shadow: 0 0 0.2em #b5becb;
	border-radius: 50%;
	border: 0.1em solid #b5becb;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	animation: pulse 2s ease infinite;
}

.pulse:after {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

@keyframes pulse {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}

@media only screen and (min-width: 400px) {
	#header_textwrap {
		font-size:3.7vw;
	}
}

@media only screen and (min-width: 500px) {
	.header_text_content .leesmeer {
		font-size:1.6rem;
	}
	header nav ul {
		font-size: 4.5rem;
	}
	.polygon_wrap {
		max-width:350px;
	}
}

@media only screen and (min-width: 600px) {
	#infographics {
		padding:15% 0% 5% 0%;
	}
	#infographics .polygon_wrap {
		width:45%;
		margin:-11% 0 0 0;
	}
	.rollover_textbox {
		font-size:1.5vw;
	}
	.header_text_content p {
		font-size:2rem;
	}
}

@media only screen and (min-width: 750px) {
	article.twocollum .article_left,
	article.twocollum .article_right {
		width:50%;
		padding:2% 5%;
	}
	.polygon_wrap {
		max-width: inherit;
		margin:0 auto;
	}
	.polygon_wrap[data-width='40'] {
		max-width: 40%;
	}
	.polygon_wrap[data-width='50'] {
		max-width: 50%;
	}
	.polygon_wrap[data-width='60'] {
		max-width: 60%;
	}
	.polygon_wrap[data-width='70'] {
		max-width: 70%;
	}
	.polygon_wrap[data-width='80'] {
		max-width: 80%;
	}
	.polygon_wrap[data-width='90'] {
		max-width: 90%;
	}
	.polygon_wrap[data-width='100'] {
		max-width: inherit;
	}
}

@media only screen and (min-width: 800px) {
	#innerheader {
		overflow:hidden;
	}
	#header_imgbox {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		top:0%;
		width:65%;
	}
	#header_blueblock {
		top:0;
		left:-62%;
		-webkit-transform:rotate(-28deg);
		-moz-transform:rotate(-28deg);
		-ms-transform:rotate(-28deg);
		-o-transform:rotate(-28deg);
	}
	#header_hex_container {
		top:-228%;
		left:-72%;
	}
	#logo_hex_container {
		top:-35%;
		left:-5%;
		width:30%;
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	#logo_fine_decision {
		position:absolute;
		top:2%;
		left:2%;
		width:6%;
	}
	#fine_decision {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	#header_textwrap {
		position:absolute;
		top:100%;
		left:0%;
		top:35%;
		left:10%;
		width:32%;
		padding:0;
		font-size:1.5vw;
		margin-top:0;
		background-color:rgba(255, 255, 255, 0);
	}
	#ht_redblock {
		top:130%;
		opacity:0;
		left:-1000%;
		transition: none;
	}
	.header_textfloat {
		margin-top:0;
	}
	.header_textblock {
		top:0;
	}
	.header_text_content {
		padding:0;
	}
	.header_text_content .text_wrap {
		display:none;
	}
	.header_text_content h2 {
		font-size:275%;
		padding:0 0 0 0;
	}
	.header_text_content p {
		font-size:110%;
		margin:0.5em 0 0.5em 0;
		line-height:1.4em;
		width:100%;
	}
	.header_text_content .leesmeer {
		font-size:inherit;
	}
	#homeheader h1#page_name {
		left:20%;
		font-size:300%;
	}
	footer {
		padding:5% 0 0 0;
		font-size:150%;
	}
	#footer_blueblock {
		top:0%;
	}
	#footer_hex_container {
		top:-40%;
		left:-85%;
	}
	#inner_footer {
		width:100%;
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
		bottom:8%;
	}
	#footer_logo {
		float:left;
		width:30%;
	}
	#logo_white {
		max-width:33%;
	}
	#inner_footer ul li {
		display:block;
		float:left;
		width:100%;
		text-align:left;
	}
	#inner_footer ul li a {
		border:none;
		padding-left:0;
	}
	#footer_menu1 {
		float:left;
		width:15%;
		margin-bottom:0;
	}
	#footer_menu2 {
		float:left;
		width:20%;
		margin:0;
		text-align:left;
	}
	#footer_menu2 ul {
		float:left;
	}
	#credits {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
		bottom:8%;
		width:35%;
		text-align: left;
	}
	.logo_nba {
		display:block;
		float:left;
		width:60px;
	}
	#nba1 {
		display:none;
	}
	#nba2 {
		display:block;
	}
	#credits p {
		font-size:80%;
		float:left;
	}
	/* Main page */
	main.page #homeheader_placeholder {
		padding:0 0 17% 0;
	}
	main.page #header_imgbox {
		top:0%;
		width:45%;
	}
	main.page #header_blueblock {
		top:80%;
		left:-80%;
		width:150%;
		height:300%;
	}
	main.page #header_hex_container {
		top:-881.2%;
		left:-45%;
	}
	main.page #logo_hex_container {
		top:-107%;	
	}
	main.page #logo_fine_decision {
		top:6%;
	}
	main.page #fine_decision {
		top:7%;
	}
	main.page #header_textwrap {
		top:120%;
	}
	#infographics .polygon_wrap {
		width:33%;
	}
	.rollover_textbox {
		font-size:1vw;
	}
}

@media only screen and (min-width: 850px) {
	#header_textwrap {
		font-size:1.3vw;
	}
}

@media only screen and (min-width: 1000px) {
	body {
		font-size:1vw;
	}
	#menu_button_container {
		width:6.3%;
	}
}

@media only screen and (min-width: 1150px) {
	#menu_button_container {
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	header nav {
		position:absolute;
		top:3%;
		left:27%;
		right:auto;
		bottom:auto;
		width:100%;
		max-width:36%;
		opacity:1;
		display:block!important;
		pointer-events: all;
		background-color: transparent;
	}
	header nav ul {
		font-size: 1.2rem;
		width:auto;
		height:auto;
		max-width:auto;
		padding:0;
		margin:0;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	header nav ul li {
		width:auto;
	}
	header nav ul li a {
		font-size:150%;
		text-align:left;
	}
	main.page header nav {
		top:9.2%;
	}
	.article_float p,
	.article_float ul,
	.article_float ol {
		font-size: 1.9rem;
	}
}

@media only screen and (min-width: 1350px) {
	body {
		font-size: 1.4rem;
	}
}

@media only screen and (min-width: 1550px) {
	#header_textwrap {
		font-size: 2rem;
	}
	.rollover_textbox {
		font-size:1.5rem;
	}
}