:root{
	--brandColor: #FF1936;
	--textColor: #6D6E71;
}

/*@font-face{
	font-family:Lato-Light;
	src: url('/micro/bpost/assets/fonts/Lato/Lato-Regular.woff2') format('woff2'),
		 url('/micro/bpost/assets/fonts/Lato/Lato-Regular.woff') format('woff');
}*/


@media only screen
and (min-width:1024px){
	body{
		margin:0;
		padding:0;
		
		width:940px;
		margin-left:auto;
		margin-right:auto;
		
		font-family:'Lato', sans-serif !important;
		/*font-family:Helvetica, Arial, Sans-serif;*/
	}
	h1{
		color: var(--brandColor);
		font-weight:bold;
		font-size:3em;
	}
	h2{
		color: var(--brandColor);
		font-weight:bold;
		font-size:2em;
	}
	p{
		color: var(--textColor);
		font-size:1.2em;
		margin:0px;
		margin-top:5px;
		margin-bottom:5px;
	}
	#mobileMenu,
	#entrepriseLogo-mobile,
	#mobileMenu-menu{
		display:none;
	}
	.entrepriseLogo{
		margin-top:15px;
	}
	.imgLeft{
		float:left;
		padding-left:10px;
		max-height:60px;
	}
	.imgRight{
		float:right;
		padding-right:10px;
		max-height:60px;
	}
	.clearDiv{
		clear:both;
	}
	.icons{
		width:35px;
		height:35px;
	}
	.bpost-banner,
	.overlay-solliciteer{
		text-align:center;
	}
	.cropped-image-center{
		width:100%;
		height:250px;
		background-position:center center;
		background-repeat:no-repeat
	}
	.cropped-image-top{
		width:100%;
		height:250px;
		background-position:top;
		background-repeat:no-repeat;
	}
	.image-car{
		background-image: url('../assets/img/Trafic_1_3_HR_small.png');
		width:100%;
		position:relative;
	}
	.image-biker{
		background-image: url('../assets/img/DEF-Bpost-503_small.png');
		width:100%;
	}
	.image-driver{
		background-image: url('../assets/img/DEF-post-700_small2.png');
		width:100%;
	}
	.menu{
		width:100%;
		text-align:center;
		margin-top:25px;
	}
	.menu ul{
		list-style-type:none;
		margin:0;
		padding:0;
		margin-left:70px;
	}
	.menu ul li{
		float:left;
		width:200px;
	}
	.menu ul li a{
		display:block;
		color: var(--brandColor);
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
	}
	.menu ul li a:hover{
		color:#ab0000;
	}
	.contentBrick{
		margin-top:30px;
	}
	.contentBrick-title{
		text-align:center;
	}
	.contentBrick-content{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	.keyWord{
		color: var(--brandColor);
		font-weight:bold;
	}
	.tdCenter{
		text-align:center;
	}
	.listIcon{
		color: var(--brandColor);
		font-size:1.5em;
		font-weight:bold;
	}
	.solliciteerAnchor{
		background-color: var(--brandColor);
		color:white;
		font-weight:bold;
		padding:5px 50px;
	}
	.solliciteerAnchor:hover{
		text-decoration:none;
		background-color:#ab0000;
		color:white;
	}
	.sticker{
		position:absolute;
		right:-20px;
		top:-30px;
		background-color: var(--brandColor);
		border-radius:50%;
		width:150px;
		height:150px;
		display:table;
		opacity:0.9;
		cursor:pointer;
	}
	.sticker-content{
		display:table-cell;
		vertical-align:middle;
		font-size:1.4em;
		color:white;
	}
	.sticker-highlight{
		font-weight:bold;
	}
	.scrolling{
		position:fixed;
		top:0;
		width:100%;
		padding-top:10px;
	}
	#menu_scroll{
		background-color:white;
	}
}
@media only screen
and (min-width:700px)
and (max-width:1023px){
	body{
		margin:0;
		padding:0;
		
		width:700px;
		margin-left:auto;
		margin-right:auto;
		
		font-family:'Lato', sans-serif !important;
		/*font-family:Helvetica, Arial, Sans-serif;*/
	}
	h1{
		color: var(--brandColor);
		font-weight:bold;
		font-size:3em;
	}
	h2{
		color: var(--brandColor);
		font-weight:bold;
		font-size:2em;
	}
	p{
		color: var(--textColor);
		font-size:1.2em;
		margin:0px;
		margin-top:5px;
		margin-bottom:5px;
	}
	#mobileMenu,
	#entrepriseLogo-mobile,
	#mobileMenu-menu{
		display:none;
	}
	.entrepriseLogo{
		margin-top:15px;
	}
	.imgLeft{
		float:left;
		padding-left:10px;
		max-height:60px;
	}
	.imgRight{
		float:right;
		padding-right:10px;
		max-height:60px;
	}
	.clearDiv{
		clear:both;
	}
	.icons{
		width:35px;
		height:35px;
	}
	.bpost-banner,
	.overlay-solliciteer{
		text-align:center;
	}
	.cropped-image-center{
		width:100%;
		height:200px;
		background-position:center center;
		background-repeat:no-repeat
	}
	.cropped-image-top{
		width:100%;
		height:200px;
		background-position:top;
		background-repeat:no-repeat;
	}
	.image-car{
		background-image: url('../assets/img/Trafic_1_3_HR_small.png');
		width:100%;
		position:relative;
	}
	.image-biker{
		background-image: url('../assets/img/DEF-Bpost-503_small.png');
		width:100%;
	}
	.image-driver{
		background-image: url('../assets/img/DEF-post-700_small2.png');
		width:100%;
	}
	.menu{
		width:100%;
		text-align:center;
		margin-top:25px;
	}
	.menu ul{
		list-style-type:none;
		margin:0;
		padding:0;
		margin-left:70px;
	}
	.menu ul li{
		float:left;
		width:150px;
	}
	.menu ul li a{
		display:block;
		color: var(--brandColor);
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
	}
	.menu ul li a:hover{
		color:#ab0000;
	}
	.contentBrick{
		margin-top:30px;
	}
	.contentBrick-title{
		text-align:center;
	}
	.contentBrick-content{
		width:550px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	.keyWord{
		color: var(--brandColor);
		font-weight:bold;
	}
	.tdCenter{
		text-align:center;
	}
	.listIcon{
		color: var(--brandColor);
		font-size:1.5em;
		font-weight:bold;
	}
	.solliciteerAnchor{
		background-color: var(--brandColor);
		color:white;
		font-weight:bold;
		padding:5px 50px;
	}
	.solliciteerAnchor:hover{
		text-decoration:none;
		background-color:#ab0000;
		color:white;
	}
	.sticker{
		position:absolute;
		right:-20px;
		top:-30px;
		background-color: var(--brandColor);
		border-radius:50%;
		width:150px;
		height:150px;
		display:table;
		opacity:0.9;
		cursor:pointer;
	}
	.sticker-content{
		display:table-cell;
		vertical-align:middle;
		font-size:1.4em;
		color:white;
	}
	.sticker-highlight{
		font-weight:bold;
	}
	.scrolling{
		position:fixed;
		top:0;
		width:100%;
		padding-top:10px;
	}
	#menu_scroll{
		background-color:white;
	}
}
@media only screen
and (max-width:700px){
	body{
		margin:0;
		padding:0;
		
		/*width:700px;*/
		margin-left:auto;
		margin-right:auto;
		
		font-family:'Lato',sans-serif !important;
		/*font-family:Helvetica, Arial, Sans-serif;*/
	}
	h1{
		color: var(--brandColor);
		font-weight:bold;
		font-size:2em;
	}
	h2{
		color: var(--brandColor);
		font-weight:bold;
		font-size:1.5em;
	}
	p{
		color: var(--textColor);
		font-size:1em;
		margin:0px;
		margin-top:5px;
		margin-bottom:5px;
	}
	.sticker,
	#menu,
	#entrepriseLogo{
		display:none;
	}
	#mobileMenu{
		float:left;
		padding:23px;
		padding-bottom:20px;
		border-right:1px solid #e2e6e9;
		cursor:pointer;
	}
	#entrepriseLogo-mobile{
		position:fixed;
		top:0;
		width:100%;
		background-color:#fff;
	}
	#mobileMenu-menu{
		display:none;
		background-color:#005380;
		color:#fff !important;
		font-size:14px;
		border-bottom:4px solid var(--brandColor);
		position:fixed;
		top:71px;
		width:100%;
		z-index:600;
	}
	.mobileMenu-menu-show{
		display:block!important;
	}
	#mobileMenu-menu ul{
		list-style-type:none;
		display:block;
		-webkit-margin-before:0px;
		-webkit-margin-after:0px;
		-webkit-padding-start:0px;
	}
	#mobileMenu-menu ul li{
		/*padding:10px;
		padding-left:40px;*/
		border-bottom:1px solid #fff;
	}
	#mobileMenu-menu ul li:last-child{
		border-bottom:none;
	}
	#mobileMenu-menu ul li a{
		color:#fff !important;
		display:block;
		padding:15px;
	}
	.menuBorder{
		border-top:1px solid #e2e6e9;
	}
	.toggle-bar{
		background-color: var(--brandColor);/*#01b1ec;*/
		width:24px;
		line-height:2px;
		display:block;
		margin-bottom:7px;
	}
	.entrepriseLogo{
		/*margin-top:15px;*/
	}
	.imgLeft{
		float:left;
		padding-left:10px;
		padding-top:5px;
		max-height:65px;
	}
	.imgRight{
		float:right;
		padding-right:10px;
		padding-top:5px;
		max-height:65px;
	}
	.clearDiv{
		clear:both;
	}
	.icons{
		width:35px;
		height:35px;
	}
	.bpost-banner{
		text-align:center;
		margin-top:100px;
	}
	.overlay-solliciteer{
		text-align:center;
	}
	.cropped-image-center{
		width:100%;
		height:200px;
		background-position:center center;
		background-repeat:no-repeat
	}
	.cropped-image-top{
		width:100%;
		height:200px;
		background-position:top;
		background-repeat:no-repeat
	}
	.image-car{
		background-image: url('../assets/img/Trafic_1_3_HR_small.png');
		width:100%;
	}
	.image-biker{
		background-image: url('../assets/img/DEF-Bpost-503_small.png');
		width:100%;
	}
	.image-driver{
		background-image: url('../assets/img/DEF-post-700_small2.png');
		width:100%;
	}
	.menu{
		width:100%;
		text-align:center;
		margin-top:25px;
	}
	.menu ul{
		list-style-type:none;
		margin:0;
		padding:0;
		margin-left:70px;
	}
	.menu ul li{
		float:left;
		width:150px;
	}
	.menu ul li a{
		display:block;
		color: var(--brandColor);
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
	}
	.menu ul li a:hover{
		color:#ab0000;
	}
	.contentBrick{
		margin-top:30px;
	}
	.contentBrick-title{
		text-align:center;
	}
	.contentBrick-content{
		/*width:550px;*/
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		padding:20px;
	}
	.mobilePad{
		padding-left:20px;
		padding-right:20px;
	}
	.keyWord{
		color: var(--brandColor);
		font-weight:bold;
	}
	.tdCenter{
		text-align:center;
	}
	.listIcon{
		color: var(--brandColor);
		font-size:1.5em;
		font-weight:bold;
	}
	.solliciteerAnchor{
		background-color: var(--brandColor);
		color:white;
		font-weight:bold;
		padding:5px 50px;
	}
	.solliciteerAnchor:hover{
		text-decoration:none;
		background-color:#ab0000;
		color:white;
	}
}