:root {
  --stripePosition: 50%;
  --stripeWidth:16px;
}



/* HEADER */

#theHeader {
	background-color:var(--white);
	color:var(--black);
}
#search-form .modal-body {
	background-color:var(--black);
}
#hamburger {
	color:var(--black);
}
#topRight a {
	color:var(--black);
}
#topRight a.button {
	color:var(--white);
}
#logoArea {
	background-image:linear-gradient(to bottom, 
		var(--white)  0%, 
		var(--white)  calc(var(--stripePosition) - ((var(--stripeWidth)) / 2)),
		var(--orange) calc(var(--stripePosition) - ((var(--stripeWidth)) / 2)),
		var(--orange) calc(var(--stripePosition) + ((var(--stripeWidth)) / 2)),
		var(--white)  calc(var(--stripePosition) + ((var(--stripeWidth)) / 2)),
		var(--white)  100%);
}
#theLogo {
	background-image:linear-gradient(var(--white), var(--white));
	padding:0 10px;
}
#quickMenu li a {
	color:var(--black);
}




/* HOME PAGE */
.logisticsHomePageBillboard {
	background-image:url(/img/logistics-billboard.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	text-align:center;
	aspect-ratio:2.5;
	display:flex;
	align-items: center;
	justify-content: center;
}
#billboard.logisticsHomePageBillboard h2 {
	text-align:center;
}
#billboard > div {
	display:flex;
	justify-content: center;
}


/* SERVICE BOXES */
#homeBoxes {
	background-color:var(--black);
}



/* MAP */
.logisticsMap {
	text-align:center;
}
.logisticsMap img {
	max-width:1000px;
}



/* ICONS */
#homeIcons img {
	margin-top:20px;
}

@media(max-width:991px) {
	.icon-row .col-sm-3 {
		width:50%;
	}
}
@media(max-width:767px) {
	.icon-row .col-sm-3 {
		width:100%;
	}
}




/* CAREERS */
#mainArea > .careersBox {
	padding-bottom:0;
}
#mainArea > .careersBox > .container {
	display:flex;
	align-items: flex-end;
}

@media(max-width:991px) {
	#mainArea > .careersBox > .container {
		flex-direction:column;
	}
	#mainArea > .careersBox > .container > .col-sm-6 {
		width:100%;
	}
}




/* FOOTER */

#bottomRight {
  font-family: "nimbus-sans-condensed", sans-serif;
	font-weight: 700;
	font-style: normal;
  line-height:1;
  text-transform:uppercase;	
  display:flex;
  flex-direction:column;
  /*align-items:flex-end;*/
  justify-content: center;
  align-self:flex-start;
}
#bottomRight > div {
	width:200px;
	display:flex;
	justify-items: center;
	flex-direction:column;
}
#bottomRight a {
	color:var(--white);
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	min-width:120px;
}