.banner {margin-bottom: 5%;}
.banner .banner-title {position: absolute;top: 20%;max-width: min(850px, 84%);left: 8%; }
.banner .banner-title h2 {font: 400 28px 'Source Sans Pro', sans-serif;color: #ED7102;text-transform: uppercase;margin-bottom: .75em;}
.banner .banner-title h1 {font-weight: 900;color: #fff;}

.right-column .manifesto {padding-top: 0;}
.right-column .manifesto .row > div {width: 100%;max-width: 100%;flex-basis: 100%;}
.right-column .manifesto section {position: relative;left: unset;}
.right-column .manifesto .btn-download {max-width: 100%;}

.post p { color: #ED7102; font: 400 14px 'Source Sans Pro', sans-serif; }
.post .fa { color: #ED7102; font-size: 24px; margin-right: 5px; }
.post .fa:hover, .post a.author:hover { color: #003C67; }
.post a.author {color: inherit;}
.post { text-transform:uppercase; }
.post .share {letter-spacing: .3px;font-size: 15px;color: #1F304F;margin-top: 35px;}

.infographic { clear: both; padding: 5% 0px; width: 100%; }
.infographic .col-cat {margin-bottom: 30px;}
.infographic h3 { margin-bottom: 34px; padding-bottom: 12px; text-align: center; }
.infographic p, .videos p { color: #FF6B2B; font: 400 14px 'Source Sans Pro', sans-serif; text-transform: uppercase; }
.infographic p span, .videos p span { color: #003C67; }
.infographic .col-6 a, .videos .col a { color: #FF6B2B; font: 400 15px 'Source Sans Pro', sans-serif; text-transform: uppercase; }
.infographic .col-6 a .fa, .videos .col a .fa { font-size: 17px; padding-left: 10px; }
.infographic .btn-more, .videos .btn-more { margin-top: 3%; }
.infographic a { position:relative; }
.infographic a:after { transition:all 0.3s ease-in-out; content:''; position:absolute; width:0; height:2px; background-color:#ED7102; bottom:-7px; left:0; }
.infographic a:hover:after { width:55px; }

.mt-5per {margin-top: 5%;}
.bg-0 {background-color: #FFF1DD;}
.bg-1 {background-color: #fff;}
.bg-2 {background-color: #E6E9EE;}
.bg-3 {background-color: #fff;}

.owl-theme .owl-dots { display: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { border: 1px solid #D66E2A; border-radius: 3px 3px; color: #D66E2A; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 400; height: 40px; width: 42px; }
.owl-theme .owl-nav [class*="owl-"]:hover { background-color: #D66E2A; color: #fff; }


@media only screen and (max-width: 767px) {
	.banner {min-height: unset!important;}
	.banner .banner-title {top: 10%;}
	.banner .banner-title h2 {font-size: 18px;}
	.banner .banner-title h1 {font-size: 24px;}
}