body { 
	background: #30343F; 
	color: #fff; 
	font-family: "Open Sans", sans-serif; 
	font-size: 0.8rem; 
	overflow-x: hidden; 
	text-rendering: optimizeLegibility; 
}

.container.grid-lg {
	max-width: 1144px;
}

.modular-features h2 {
	font-size: 2.5rem;
	color: #fff;
	display: inline-block;
	margin: 0 0 25px 0;
	border-bottom: #F6AF2D 4px solid;
	font-family: "Open Sans", sans-serif;
}

.header-dark #header:not(.scrolled) { 
	background: #30343F; 
	color: #fff; 
}

.header-dark #header:not(.scrolled) a {
	color: #fff;
}

#header {
	font-size: 1rem;
	font-weight: 500;
	background: #30343F;
}

#header a {
	color: #fff;
}

#header .logo svg, #header .logo img {
    height: 4rem;
}

body.header-fixed.header-animated #header.scrolled {
	height: 2.8rem;
}

body.header-fixed.header-animated #header.scrolled .logo svg, body.header-fixed.header-animated #header.scrolled .logo img {
	height: 2.5rem;
}

body.header-fixed.header-animated #header.scrolled .navbar-section {
	height: 2.8rem;
}

body.header-fixed.header-animated #header.scrolled ~ .mobile-menu .button_container {
	top: 13px;
}

.hero {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

.hero.text-light h2 {
	color: #F6AF2D;
	font-family: 'Bebas Neue', cursive;
	font-size: 3.75rem;
}

.hero #to-start {
	display: none;
}

.modular-text {
	background: #30343F;
	padding: 0;
}

.modular-text .container {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.modular-features, .modular-features.small .column {
	text-align: left;
}

.modular-features .column {
	text-align: center;
	color: #fff;
}

.feature-image h3 {
	color: #fff;
}

.modular-features .feature-content, .modular-features .column:hover .feature-content {
	color: #fff;
}

.columns, .modular-features.small .columns {
	margin-top: 32px;
}

.modular-features.small, .modular-features:nth-of-type(5) {
	background: #161616;
}

/*.modular-features:nth-of-type(4) {
	background: #E8E8E8;
}

.modular-features:nth-of-type(4) h2 {
	color: #161616;
}*/

.modular-features:nth-of-type(4) .feature-image {
	background: #fff;
	border-radius: 8px;
	height: 193px;
	flex-grow: 1;
    flex-basis: 6rem;
    order: 1;
    margin-right: 20px;
    min-width: 213px;
    max-width: 250px;
}

.modular-features:nth-of-type(4) .feature-image img {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    max-width: 213px;
    max-height: 160px;
}

.modular-features:nth-of-type(4) .feature-content {
	order: 2;
    flex-grow: 2;
    flex-basis: 1rem;
    display: flex;
    text-align: left;
}
/*
.modular-features:nth-of-type(4) .feature-content p {
	color: #161616;
}*/

.modular-features:nth-of-type(4) .column {
	padding: 1rem .5rem 1rem 0rem;
}

.modular-features:nth-of-type(4) .column.col-4 {
	flex: auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 49%;
}

@media screen and (max-width: 600px) {
	.latest-post {
		margin: 0 auto;
		margin-top: 30px;
	}

	.latest-post a {
		font-size: 1.10rem;
	}
}

@media screen and (min-width: 601px) {
	.latest-post {
		margin-top: 60px;
	}
}

@media screen and (max-width: 806px) {
	.modular-features:nth-of-type(4) .column.col-4 {
	  	flex-wrap: wrap;
	  	width: 51%;
	}
}

@media screen and (max-width: 524px) {
	.modular-features:nth-of-type(4) .column.col-4 {
		display: block;
		width: 100%;
	}

	.modular-features:nth-of-type(4) .feature-image {
		display: block;
		margin: 0 auto;
	}

	.modular-features:nth-of-type(4) .feature-content {
		margin: 0 auto;
		display: block;
		max-width: 250px;
		padding-top: 12px;
	}

}

@media screen and (max-width: 600px) {
	.hero.text-light h2 {
		font-size: 2.5rem;
	}
}

@media screen and (min-width: 807px) {
	.modular-features:nth-of-type(4) .feature-image {
		max-width: 213px;
	}

	.modular-features:nth-of-type(4) .feature-content {
		max-width: 329px;
	}
}

@media screen and (min-width: 840px) {
	.hero.text-light h2 {
		font-size: 3rem;
	}
}

@media screen and (max-width: 840px) {
	body.header-fixed.header-animated #header.scrolled {
		height: 50px;
	}

	body.header-fixed.header-animated #header.scrolled .logo svg, body.header-fixed.header-animated #header.scrolled .logo img {
		height: 45px;
	}

	body.header-fixed.header-animated #header.scrolled .navbar-section {
		height: 45px;
	}

	body {
		font-size: 16px;
	}

}

.mobile-logo svg, .mobile-logo img {
	height: 45px;
	margin-top: 0;
}

.mobile-menu .button_container span {
	background: #fff;
}

.mobile-menu .button_container:hover {
	opacity: 1;
}

.overlay-menu ul {
	list-style: none;
	font-size: 1.5rem;
}

.overlay-menu ul li a, .overlay-menu ul li a:visited {
	color: #fff;
}

.overlay-menu ul li a.active, .overlay-menu ul li a:active, .overlay-menu ul li a:focus, .overlay-menu ul li a:hover {
	color: #F6AF2D;
	text-decoration: none;
}

.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active {
	color: #F6AF2D!important;
}

#footer {
	color: #fff;
	background-color: #161616;
}

#footer p {
	font-size: 0.7rem;
}

h2.news-page {
	font-size: 2.5rem;
	color: #161616;
	display: inline-block;
	margin: 20px 0 25px 0;
	border-bottom: #F6AF2D 4px solid;
	font-family: "Open Sans", sans-serif;
}

.blog-listing {
	background-color: #E8E8E8;
}

.blog-listing .card {
	box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.25);
}

.card-title a, .card-title a:visited, .card-title a:hover, .card-title a:active {
	color: #273469;
	font-family: "Open Sans", sans-serif;
	text-decoration: none;
}

.card-body p {
	color: #161616;
}

.card {
	border-radius: 8px;
}

.card .card-image:first-child img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.hero.hero-medium {
	min-height: 475px;
}

#breadcrumbs span {
	color: #273469;
}

#breadcrumbs span:not(:first-child)::before, #breadcrumbs a:not(:first-child)::before {
	color: #273469;
}

.blog-date {
	color: #777777;
}

.blog-post {
	background-color: #fff;
	color: #161616;
}

.blog-post h2 {
	color: #273469;
	margin-top: 0;
	font-family: "Open Sans", sans-serif;
}

.blog-post p {
	max-width: 861px;
}

#blog-hero section.container {
	display: none;
}

.latest-post {
	margin-left: auto;
    background: #23252B;
    padding: 0 24px 18px 24px;
}

.latest-post h4 {
	margin-top: 18px;
	color: #fff;
	font-family: "Open Sans", sans-serif;
}

.latest-post p {
	margin: 0;
	font-size: 0.7rem;
}

.latest-post a {
	color: #F6AF2D;
}

.latest-post img {
	width: 22px;
	margin-left: 12px;
}

.modular-features:nth-of-type(2) .frame-box {
	padding: 1rem 0;
}