.blueHorizontalBox {
	position: relative;
	width: 100%;
	background: #0c2041;
	color:#bca67a;
}

.blueHorizontalBox .boxContentWrapper {
	border-bottom: 10px solid #bca67a;
}

.blueHorizontalBox .boxContentContainer  {
	padding: 60px 30px 0;
	text-align:center;
}

.blueHorizontalBox h3 {
	color:#971b14;
	font-size:1.75em;	
}

.blueHorizontalBox h2 {
	color:#bca67a;
	font-size:2.5em;	
}

.blueHorizontalBox .boxContentItems .row {
	justify-content: center;
}

.blueHorizontalBox .boxContentItem {
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 30px 0 0;
}

.blueHorizontalBox .boxContentItemContainer {
	padding:0 3vw;
	flex-grow: 1;
	display:flex;
	flex-direction:column;
	justify-content: end;
}

.blueHorizontalBox .linkImage {
	display: flex;
	max-width: 300px;
}

.blueHorizontalBox .linkImage img {
	align-self: center;
	object-fit: cover;
	width: 100%;
}

.blueHorizontalBox .boxItemContent {
	flex-grow:1;
}

.blueHorizontalBox .boxItemContent p {
	margin:10px 0 0;
	padding:0;
	color:#000;
}

.blueHorizontalBox .boxItemLink {
	background:#bca67a;
	padding: 5px;
	margin-top: 30px;
}

.blueHorizontalBox .boxItemLink a {
	color:#011027;
	font-weight:bold;
}

.blueHorizontalBox .boxItemLink a:hover {
	color:#971b14;
}

@media all and (max-width: 1080px) {
	/*.blueHorizontalBox .boxContentItemContainer {
		font-size:1.25em;
	}*/
}

@media all and (max-width: 800px) {
	.blueHorizontalBox .boxContentContainer {
		padding:30px 15px;
	}
	
	.blueHorizontalBox .boxItemLink a {
		font-size:1.5em;
	}
}

@media all and (max-width: 768px) {
	.blueHorizontalBox .linkImage {
		max-width: 225px;
	}
}

@media all and (max-width: 480px) {
	.blueHorizontalBox .boxContentContainer {
		padding:60px 15px;
	}
	
	.blueHorizontalBox .boxContentItemContainer {
		/*margin: -20px 15px 0;
		padding: 30px 15px;*/
	}
}