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




body, body p {
	font-weight:600;
}

.sideBySide {
	display:flex;
	gap:20px;
}
@media(max-width:767px) {
	.sideBySide {
		flex-direction: column;
	}
}





/* HEADER */

#topBar {
	position: relative;
	z-index:10;
}
#logoArea {
	background-image:linear-gradient(to bottom, 
		rgba(0,0,0,0)  0%, 
		rgba(0,0,0,0)  calc(var(--stripePosition) - ((var(--stripeWidth)) / 2)),
		var(--orange) calc(var(--stripePosition) - ((var(--stripeWidth)) / 2)),
		var(--orange) calc(var(--stripePosition) + ((var(--stripeWidth)) / 2)),
		rgba(0,0,0,0)  calc(var(--stripePosition) + ((var(--stripeWidth)) / 2)),
		rgba(0,0,0,0)  100%);
	position:relative;
	xz-index:10;
	top:-50px;
}
#quickMenuWrap {
	position: relative;
	margin-top:-105px;
}
#theLogo {
	padding:0 15px;
	position: relative;
	z-index:10;
}
#quickMenu {
	text-align:center;
}
#quickMenu > li {
	flex:1;
}
#quickMenu > li > a {
	width:100%;
}
#quickMenu > li:nth-child(3) {
	margin-right:100px;
}
#quickMenu > li:nth-child(4) {
	margin-left:100px;
}
@media(max-width:767px) {
	#quickMenu {
		display:none;
	}
}
/*#theLogo {
	background-image:linear-gradient(var(--white), var(--white));
	padding:0 10px;
}
#quickMenu li a {
	color:var(--black);
}*/




/* HOME PAGE */

.motorcycleHomePageBillboard {
	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.motorcycleHomePageBillboard h2 {
	text-align:center;
}
#billboard > div {
	display:flex;
	justify-content: center;
}



#intro strong {
	color:var(--white);
	font-size:1.7em;
	line-height:1;
}
#intro .button {
	margin-left:auto;
	margin-right:auto;
}







/* ICONS */
.icon-row > .col-sm-4 {
	text-align:center;
}
.icon-row h3 {
	font-family: 'Chunk Five', serif;
  font-weight: normal;
  font-style: normal;
  font-size:60px;
}




#carriage {
	padding:50px 0 !important;
}





#motorcycleFade {
	background-image:url(/img/motorcycle-fade.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
}




#getDiscount {
	background-image:url(/img/engine-bg.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}
#getDiscount img {
	width:400px;
	aspect-ratio:2;
	object-fit:contain;
	object-position: center center;
}




#mainArea > div:last-child {
	padding-bottom:0;
}






/* 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;
  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;
}*/