@media all and (max-width:1250px) {
	.investment_flex>div {
		min-height:300px;
		border:5px solid #f2f2f2;
	}
}


@media all and (max-width:1000px) {
	.hero_statement {
		font-size:1.125em;
		padding:20px 20px;
	}

	.hero_logo {
		max-width:300px;
		top:80px;
	}

		.investment_flex>div {
		min-height:200px;
	}
}


@media all and (max-width:800px) {
	.investment_flex {
		flex-flow:row wrap;
	}
	.investment_flex>div {
		flex:1 1 50%;
		min-height:300px;
	}
}

@media all and (max-width:750px) {
	.flexblock_left_content {
		display:block;
	}
	.flexblock_left_content>div:first-child {
		padding-right:0;
	}

	.flexblock_left_content>div:last-child {
		background-color:transparent !important;
		padding-bottom:20px;
	}

	.flexblock_right_content {
		flex-direction: column-reverse;
	}
	.flexblock_right_content>div:first-child {
		background-color:transparent !important;
		padding-bottom:20px;
	}

	.flexblock_right_content>div:last-child {
		padding-left:0;
	}
}


@media all and (max-width:650px) {
	/* mobile snap */
	.mobile_bar_flex {
		display:flex;
		justify-content:space-between;
		align-items:center;
		align-content:flex-start;
		flex-flow:row nowrap;
		
	}

	.burger {
		flex:0 0 50px;
		cursor:pointer;
	}

	.burger span {
		display:block;
		background-color:white;
		padding:3px;
		border-radius:10px;
	}

	.burger:hover span {
		background-color:orange;
	}

	.burger span:nth-child(2) {
		margin:4px 0;
	}

	.burger_logo {
		width:100%;
		height:auto;
		max-width:195px;
		display:block;
	}

	nav {
		background-color:rgba(27,87,141,0.8);
		display:block;
	}

	nav ul {
		display:none;
		margin:30px 0 30px 0;
		padding-left:0;
	}

	/* hide the desktop header logo */
	nav ul li:first-child {
		display:none !important;
	}

	nav ul li {
		display:block;
		margin-left:0;
	}

	nav ul li a {
		display:block;
		padding:10px 0;
	}

	nav ul a svg {
		max-width:30px;
	}

	.head_social {
		display:inline-block;
	}


	.content h1 {
		font-size:2.5em;
	}
}

@media all and (max-width:600px) {
	footer {
		padding:60px 20px;
	}
	footer section {
		flex-direction:column;
	}

	.foot_logo {
		max-width:500px;
	}

	.hero_sub {
		padding-bottom:80%;
	}
}

@media all and (max-width:550px) {
	.mini_flex {
		flex-direction: column-reverse;
	}
}

@media all and (max-width:450px) {
	.hero_statement {
		position:relative;
		background-color:rgba(27,87,141,1);
		bottom:0;
	}
	.investment_flex {
		display:block;
	}
	.investment_flex>div {
		flex:1 1 50%;
		min-height:250px;
	}
}

@media all and (max-width:400px) {
.hero_logo {
	position:absolute;
	left:50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); 
		
}
}