@import url("https://use.typekit.net/ovx2phd.css");

/*
font-family: bebas-neue-pro,sans-serif;
book : 300
regular : 400
middle : 500
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	vertical-align: top
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a, img, object, ul, ol {
	border: none;
	outline: none;
	margin: 0;
	padding: 0
}
html, body, td, th, button {
	font-size:1.04vw; /*20px @ 1920*/
	/*font-size:20px;*/
	line-height:1.58;
	font-family:bebas-neue-pro,sans-serif;
	font-weight:400;
	font-style:normal;
	letter-spacing:0.05em;
	text-align:center;
	text-transform:uppercase;
}
@media only screen and (max-width: 1250px){
	html,body,td,th,input,textarea,select,button{
		font-size: 1.56vw
	}
}
@media only screen and (max-width: 995px){
	html,body,td,th,input,textarea,select,button{
		font-size: 2.08vw
	}
}
@media only screen and (max-width: 761px){
	html,body,td,th,input,textarea,select,button{
		font-size: 3.7vw
	}
}

body {
	background-color:#00305C;
	color:#ffffff;
}
img {
	width: 100%;
	height:auto;
	display:block;
}
a {
	text-decoration:none;
	color: white;
	transition:all .3s ease;
}
a:hover {
	color:#ADB0B2;
}

h1 {
	font-weight:300;
	font-size:1.5rem;
	line-height:1;
	color: white;
	text-transform:uppercase;
}
h2 {
	font-weight:400;
	color: white;
	font-size:2.4rem;
	line-height:1;
	text-transform:uppercase;

}
h3 {
	font-weight:400;
	color: white;
	font-size:1.8rem;
	line-height:1;
	margin-bottom:1rem;
	text-transform:uppercase;
}
h4 {
	line-height:1.8rem;
	font-weight:400;
	margin-bottom:0;
	height:2rem;
	font-size:1.5rem; 
	text-transform:uppercase;
}
.content-text p {
	font-size: 1.2rem;
	line-height:1.5em;
	margin-bottom:1.5em;
}
.content-text strong {
	font-weight:700;
	color:#BAB1A3;
}

div.wrapper {
	position:relative;
	margin:0 9rem;
	padding: 0 0 5rem;
}
@media only screen and (max-width: 1250px){
	div.wrapper {
		margin:0 4rem;
	}
}
@media only screen and (max-width: 761px){
	div.wrapper {
		margin:0 3rem;
		padding: 0;
	}
}

/* HEAD */
div.head {
	position:relative;
	margin:6rem 0;
	text-align:left;
}
@media only screen and (max-width: 995px){
	div.head {
		margin:5rem 0;
	}
}
@media only screen and (max-width: 761px){
	div.head {
		margin:8rem 0 4rem;
	}
}
div.logo {
	display:block;
	width:14.1rem;
}
div.badge {
	position:absolute;
	right:-6rem;
	top:-3rem;
	width:12rem;
	height:12rem;
	border-radius:50%;
	background-color:white;
	text-align:center;
	display:table;
}
@media only screen and (max-width: 1250px){
	div.badge {
		right:0;
	}
}
@media only screen and (max-width: 995px){
	div.badge {
		top:-1.5rem;
	}
}
@media only screen and (max-width: 761px){
	div.badge {
		top: -6.5rem;
		right: -2rem;
		transform: scale(.75);
		transform-origin: right top;
	}
}
div.badge > .bi {
	display:table-cell;
	vertical-align:middle;
}
div.badge > .bi span {
	display:block;
	line-height:1.3;
}
div.badge > .bi span.line1 {
	color:#00305C;
	font-size:1.8rem;
}
div.badge > .bi span.line2 {
	color:#8C9194;
	font-size:1.5rem;
}

/* CONTENT */
div.main-content {
	position:relative;
	z-index:10;
}
div.inner-container {
	position:relative;
	margin:0 15rem 0 7rem;
}
@media only screen and (max-width: 1250px){
	div.inner-container {
		margin:0;
	}
}

div.content-col {
	/*display:flex;*/
	display:table;
	width:100%;
	margin:0;
}
div.content-col > div {
	/*flex:1 0;*/
	display:table-cell;
	box-sizing:border-box;
	vertical-align:top;
	text-align:left;
	font-size:1.2rem;
}
div.content-col > div.col-left {
	width:18rem;
	padding-right:6rem;
}
@media only screen and (max-width: 995px){
	div.content-col > div.col-left {
		width:16rem;
		padding-right:4rem;
	}
}

@media only screen and (max-width: 761px){
	div.content-col {
		display:block;
	}
	div.content-col > div {
		display:block;
		margin-bottom:2rem;
	}
	div.content-col > div.col-left {
		width:100%;
		padding-right:0;
	}
}

div.content-col.mc-head {
	padding-bottom:4.5rem;
	border-bottom:1px solid white;
	margin-bottom:3rem;
}
div.content-col.mc-main {
	margin-bottom:10rem;
}
@media only screen and (max-width: 761px){
	div.content-col.mc-head {
		padding-bottom:1rem;
		margin-bottom:4rem;
	}
	div.content-col.mc-main {
		margin-bottom:6rem;
	}
}

p.big-text {
	font-size:1.80rem;
	line-height:1.17em;
	font-weight:300;
	padding-right:6.5rem;
}
p.big-text strong {
	font-weight:400;
}
div.content-col > div.col-img img {
	width:9.5rem;
	margin:0 0 1rem;
}
@media only screen and (max-width: 761px){
	p.big-text {
		padding-right:0;
	}
	div.content-col > div.col-img img {
		width:80%;
	}
	p.caption {
		font-size:1.8rem;
	}
}

div.content-text ul li {
	padding-left:1rem;
	font-size:1.5rem;
	line-height:1.2em;
	font-weight:300;
}
div.content-text ul li::before {
	content:"·";
	width:1rem;
	display:inline-block;
	margin-left:-1rem;
}

/* FOOTER */
div.footer {
	position:absolute;
	bottom:2.5rem;
	text-align:left;
	left:0;
	font-weight:300;
	font-size:1.2rem;
	line-height:1.5rem;
}
div.footer div.content-col > div.col-left {
	padding-right:2rem;
}

div.sub-cols {
	margin-top:2rem;
	display:table;
}
div.sub-cols > div {
	display:table-cell;
	width:14.5rem;
}
div.sub-cols > div.invisible {
	display:none;
}
div.footer-logos {
	position:absolute;
	width:14rem;
	right:-6rem;
	bottom:2.5rem;
}
@media only screen and (max-width: 1250px){
	div.footer-logos {
		right:0;
	}
}
@media only screen and (max-width: 995px){
	div.footer-logos {
		width:10rem;
	}
}
@media only screen and (max-width: 761px){
	div.footer, div.footer-logos {
		position:relative;
		bottom: auto;
		margin:0 0 3rem;
	}
}