* {
	box-sizing: border-box;
}

p {
	font-size:1.3rem;
	line-height:1.4;
}

img {
	max-width:100%;
	height:auto;
}

ul,ol {
	margin:1.5em 0 2em;
	color:#009de0;
	font-size:1.3rem;
}
ul span,ol span {
	color:#2a4491
}

ul li,
ol li {
	padding-bottom:0.6em;
}

:hover {
	transition:.25s;
}

a.title {
	text-decoration:none;
	color:inherit;
}

img.center {
	display:block;
	margin:0 auto;
}

.heading {
	text-align:center;
	height:auto;
	position:relative;
}
.heading h1 span {
	background:#009de0;
	color:#fff;
	display:inline-block;
	padding:0 20px 10px 20px;
}
.heading h1 {
	margin:1.2em auto 1em auto;
}

.sub-heading {
	position:relative;
	padding:4em 0;
}
.sub-heading h1 {
	font-size:2.4rem;
	letter-spacing:1px;
	margin-bottom:0;
}
.sub-heading h1 span {
	background:#009de0;
	color:#fff;
	display:inline-block;
	padding:0 5px 4px 5px;
}

p.sub {
	text-transform:uppercase;
	font-size:2.6rem;
	margin:1em auto 2em auto;
}


.main {
	background:#f0f1f1;
	padding-top:4vh;
	padding-bottom:6em;
}
.main .row:last-of-type {
	padding-top:4vh;
}
.arrow {
	display:block;
	margin:0 auto;
	width:50px;
	height:auto;
}

.box {
	border:10px solid #009de0;
	text-align:center;
	padding:2em 1em;
	min-height:250px;
	position:relative;
	cursor:pointer;
}
.box:hover {
	border:10px solid #2A4494;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.box a {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.box img {
	height:100%;
	max-height:200px;
	margin-top:-70px;
}
.box h3 {
	position:absolute;
	top:76%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%);
	font-size:1.5rem;
	padding:0 1em;
	color:#009de0;
	font-family: 'texgyreadventorBold', 'Avant Garde', Avantgarde, sans-serif;
}
.box:hover h3 {
	color:#2A4494;
}
.box .gif {
	width:100px;
	height:auto;
}


.columns.sidebar {
	width:25%;
}
.sidebar .box {
	border:5px solid #009de0;
	width:100%;
	float:left;
	margin-bottom:1em;
	min-height:110px;
	text-align:left;
}
.sidebar .box a {
	padding:10px 15px 10px 5px;
}
.sidebar .box img {
	margin-top:0;
}
.sidebar .box h3 {
	font-size:1.5rem;
	letter-spacing:0px;
	top: 50%;
	left:30%;
	width:55%;
	padding:0;
	margin:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.sidebar .box.current {
	border:5px solid #2A4494;
	padding-top:0;
	cursor: default;
}


.columns.grey {
	background:#f2f2f2;
	width:74%;
	margin-left:1%;
	padding-bottom:3em;
}


.question {
	padding:2em 8em 2em 1em;
}
.question h4 {
	font-family: 'texgyreadventorBold', 'Avant Garde', Avantgarde, sans-serif;
	font-size:2.6rem;
	margin-top:0.5em;
}

.question .three.columns img {
	display:block;
	margin:0 auto;
}

/*
.question h4 span {
	color:#1EAEDB;
}
*/
.question p {
	color:#333;
	margin-bottom:1em;
}
.question a {
	text-transform:uppercase;
	color:#2A4492;
	text-decoration:none;
	font-size:2.8rem;
}
.question a span {
	font-family: 'texgyreadventorBold', 'Avant Garde', Avantgarde, sans-serif;
	background:#009de0;
	color:#fff;
	display:inline-block;
	padding:0 5px 5px 5px;
}

.question .content {
	margin-top:1.8em;
}

.question .content p {
	font-size:1.5rem;
	color:#2a4491;
}

.answer {
	padding:1em 6em 4em 3em;
}
.question.answer a {
	font-family: 'texgyreadventorBold', 'Avant Garde', Avantgarde, sans-serif;
    background: #009de0;
    color: #fff;
    display: block;
    width:100%;
    max-width:200px;
    padding: 0 5px 5px 5px;
    margin:0 0 3em;
    font-size:1.5rem;
}

.four.columns img {
	display:block;
	margin:15px auto 0 auto;
}


footer {
	background:#f0f1f1;
	padding-bottom:2em;
}
footer .row {
	min-height:90px;
	width:90%;
	max-width:1200px;
	margin:0 auto;
	background:url("images/logos.png") right center / 2000px 90px no-repeat;
	position:relative;
}
footer .row::after {
	content:"";
	min-height:90px;
	width:500px;
	background:url("images/line.png") right center / 500px 90px no-repeat;
	
	position:absolute;
	left:-500px;
	top:0;
}
footer p {
	display:inline-block;
	background:#f0f1f1;
	padding:5px;
	margin-left:0;
	margin-bottom:0;
	margin-top:12px;
	font-family: 'texgyreadventorBold', 'Avant Garde', Avantgarde, sans-serif;
	font-size:1.7rem;
}

footer.page {
	background:#ffffff;
	margin-top:3em;
}
footer.page p {
	background:#ffffff;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media all and (max-width:1310px) {
	.box h3 {
		font-size:1.4rem;
	}
	.sidebar .box h3 {
		font-size:1.3rem;
	}
}


@media all and (max-width:1250px) {
	.answer {
		padding:1em 3em 4em 3em;
	}
}

@media all and (max-width:1200px) {
	.heading h1 {
		font-size:6rem;
	}
	.box h3 {
		font-size:1.2rem;
	}
	.sidebar .box h3 {
    font-size: 1.2rem;
    left: 35%;
	}
}

@media all and (max-width:1030px) {
	.sidebar .box {
		width:100%;
		margin:0 0 1em 0;
	}
	.sidebar .box:nth-child(2n) {
    	margin-left:0;
	}
	
	.main .three.columns {
    	width:48%;
    	margin:0 1% 4.5em 1%;
	}
	.main .box h3 {
		font-size:1.9rem;
	}
}

@media all and (max-width:1000px) {
	.sidebar .three.columns {
		width:48%;
		margin-bottom:70px;
		margin-top:20px;
	}
	.three.columns:nth-child(1n) {
		margin-left:0;
	}
	.three.columns:nth-child(2n) {
		margin-left:4%;
	}
	
	.sidebar .box.link img {
    	margin-top: 0;
	}
	
	.sidebar.three.columns {
    width: 100%;
    margin-bottom:1%;
	}
	.sidebar .box {
		width:49%;
		float:left;
		margin:0.6em 1%;
	}
	.sidebar .box:nth-child(2n) {
		margin:0.6em 0 0.6em 1%;
	}
	.sidebar .box:nth-child(3n) {
		margin:0.6em 1% 0.6em 0;
	}
	.sidebar .box:last-child {
		margin-right:0;
	}
	.sidebar .box:first-child {
		margin-left:0;
	}
	.sidebar .box img {
		margin-top:0;
	}
	.sidebar .box h3 {
		left:25%;
	}
	.sidebar .box.current {
		padding-top:0;
	}
	
	.columns.grey {
	    width: 100%;
	    margin-left:0;
	    margin-bottom:1%;
	}
	
	.main .three.columns {
    	width:48%;
    	margin:0 1% 4.5em 1%;
	}
	.main .box h3 {
		font-size:1.9rem;
	}
}

@media all and (max-width:970px) {
	p.sub {
		font-size:2rem;
	}
	.box {
		min-height:200px;
	}
	.box h3 {
		top:78%;
	}
}

@media all and (max-width:890px) {
	.heading {
		height:250px;
	}
	.heading h1 {
		font-size:5rem;
	}
	
	.box {
		min-height:250px;
	}
	.box h3 {
		font-size:1.2em;
	}
	.main .box h3 {
    	font-size: 1.7rem;
	}
	
	.question {
    	padding: 2em 3em 2em 1em;
	}
}

@media all and (max-width:680px) {
	.main .box h3 {
    	font-size: 1.4rem;
	}
	.question {
    	padding: 2em 1em 2em 1em;
	}
	.sidebar.three.columns {
		margin-bottom:1.5em;
	}
	.sidebar .box {
		width:100%;
		padding:0 1em;
		min-height:80px;
		margin:0 0 0.4em 0;
	}
	.sidebar .box:nth-child(2n),
	.sidebar .box:nth-child(3n) {
    	margin-left:0;
		margin-right:0;
	}
	.sidebar .box h3 {
		font-size:1.6rem;
		left:15%;
		width:75%;
	}
	.sidebar .box img {
		max-width:50px;
	}
}


@media all and (max-width:650px) {
	.heading h1 {
		font-size: 3.4rem;
	}
	.heading h1 span {
		padding: 0 10px 5px 10px;
	}
	p.sub {
		font-size: 1.9rem;
	}
}

@media all and (max-width:600px) {
	.question {
    	text-align:center;
	}
	.question h4 {
		font-size:2rem;
	}
	.question .columns {
		width:100%;
		margin:0;
	}
	.question.answer a {
		margin:0 auto 3em auto;
	}
}

@media all and (max-height:570px) {
	.heading {
		height:240px;
	}
	.heading h1 {
		top:15%;
		font-size:4rem;
	}
}

@media all and (max-width:550px) {
	.arrow {
		display:none;
	}
	.main .box h3 {
		top:70%;
	}
}

@media all and (max-width:549px) {
	.box {
		margin-bottom:1em;
	}
	.box h3 {
		font-size:2.2rem;
	}
	.three.columns,
	.three.columns:nth-child(1n),
	.three.columns:nth-child(2n) {
		width:100%;
		margin-left:0;
	}
	.answer {
    	padding: 0em 1.5em 4em 1.5em;
	}
	.question .content {
		padding-left:0;
	}
}

@media all and (max-width:450px) {
	.sidebar .box h3 {
		font-size:1.4rem;
		left:20%;
		width:70%;
	}
	footer .row {
		background:url("images/logos.png") right bottom / 2000px 90px no-repeat;
		min-height:130px;
	}
	footer p {
		margin-top:0;
	}
	footer .row::after {
	display:none;
	}
}