@font-face { 
	font-family: 'lintelmedium';
	src: url('../fonts/the_northern_block_-_lintel_medium-webfont.woff2') format('woff2'), url('../fonts/the_northern_block_-_lintel_medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face { 
	font-family: 'lintelregular';
	src: url('../fonts/lintel-regular.eot') format('eot'), url('../fonts/lintel-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face { 
	font-family: 'lintelbold';
	src: url('../fonts/lintelBold.eot') format('eot'), url('../fonts/lintelBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face { 
	font-family: 'lintellight';
	src: url('../fonts/lintel-light.eot') format('eot'), url('../fonts/lintel-light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face { 
	font-family: 'Lintel-ExtraBold';
	src: url('../fonts/Lintel-ExtraBold.eot');
	src: url('../fonts/Lintel-ExtraBold.woff2') format('woff2'), url('../fonts/Lintel-ExtraBold.woff') format('woff'), url('../fonts/Lintel-ExtraBold.ttf') format('truetype'), url('../fonts/Lintel-ExtraBold.svg#Lintel-ExtraBold') format('svg'), url('../fonts/Lintel-ExtraBold.eot?#iefix') format('embedded-opentype');
	font-weight: normal; font-style: normal; 
}

/*----------------------*/

body{
	font-family: 'lintelregular';
}

.showMobile{
	display: none;
}

header h1{
	background: url('../images/logo.png') center center no-repeat;
	font-size: 0px;
	width: 170px;
	height: 40px;
	display: block;
}


section.banner{
	background: url('../images/banner.jpg') center center no-repeat;
	width: 100%;
	height: 315px;
	display: block;
}

section.banner .container{
	position: relative;
	height: 100%;
}

section.banner article.showMobile{
	top: 30px; 
	width: 310px;
}

section.banner article{
	position: absolute;
	left: 40px;
	bottom: 30px; 
	width: 480px;
}

section.banner article h2{
	display: inline-block;
	background-color: #ffffff;
	padding: 5px;
	text-align: left;
	text-transform: uppercase;
	color: #dc6b2e;
	font-size: 30px;
	font-family: 'Lintel-ExtraBold';
	margin: 0px 0px 5px;
}

section.banner article.hideMobile h2:nth-of-type(2){
	
	margin: 0px 0px 25px;
}

section.banner article h3{
	display: inline-block;
	background-color: #ffffff;
	padding: 5px;
	text-align: left;
	text-transform: uppercase;
	color: #003070;
	font-size: 22px;
	font-family: 'lintelmedium';
	margin: 0px 0px 5px;
}

section.content{
	padding: 25px 0px;
}

section.content h4{
	color: #1b365d;
	text-transform: uppercase;
	font-family: "lintelBold";
	font-size: 16px;
	margin-bottom: 20px;
}

section.content h5{
	color: #1b365d;
	text-transform: uppercase;
	font-family: "lintelBold";
	font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
}

section.content p{
	color: #96999b;
	font-size: 18px;
	font-family: 'lintelregular';
}

section.content .blue{
	padding: 15px;
	background-color: #1b365d;
	color: #ffffff;
	font-size: 18px;
}

section.content .mobileBlock{
	
	width: 90%;
	background-color: #f3f3f3;
	margin: 20px auto;
	padding: 20px 10px;
	border-radius: 10px;
	position: relative;

}

section.content .mobileBlock:nth-of-type(1) i{
	background: url('../images/mobile1.png') center center no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	left: -22px;
	top: 10px; 
	
}

section.content .mobileBlock:nth-of-type(2) i{
	background: url('../images/mobile2.png') center center no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	left: -22px;
	top: 10px; 
	
}

section.content .mobileBlock:nth-of-type(3) i{
	background: url('../images/mobile3.png') center center no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	left: -22px;
	top: 10px; 
	
}

section.content .block{
	
	border-bottom: 1px solid #bac2ce;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

section.content .block:last-child{
	
	border-bottom: inherit;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


section.content .block img{
	display: inline-block;
	vertical-align: middle;
	width: 125px;

}

section.content .block p{
	display: inline-block;
	vertical-align: middle;
	width: 70%;
	padding-left: 10px;
	font-size: 16px;
}

section.orange{
	background-color: #c05130;
	padding: 25px 0px;
	text-align: center;
}

section.orange strong{
	font-family: lintelbold;
}

section.orange p{
	color: #ffffff;
	font-size: 19px;
	font-family: 'lintelregular';
}

footer .right{
	float: right;
	padding: 20px 0px;

}

footer .left{
	float: left;
	text-align: left;
	color: #d27900;
	font-size: 18px;
	font-family: 'lintelmedium';
	padding: 20px 0px;

}

footer p{
	clear: both;
	display: block;
	padding: 10px 0px;
	font-size: 11px;
	font-family: 'lintelmedium';
	color: #97999b;

}

@media (max-width: 1200px){
	.container{
		width: 100%;
	}

}

@media (max-width: 640px){

	.hideMobile{
		display: none;
	}

	.showMobile{
		display: block;
	}

	section.banner{
		background: url('../images/banner-mobile.jpg') center center no-repeat;
		width: 100%;
		height: 315px;
		display: block;
	}

	section.content p{
		text-align: center;
		padding-top: 15px;
	}

	section.content h4 {
		padding-top: 25px;
		text-align: center;
	}

	footer .left{
		float: inherit;
		text-align: center;
	}

}

@media (max-width: 580px){

	section.banner article.showMobile h2{
		font-size: 20px;
	}

}