.sidebar h1,
.latestnews p.smallheading {
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #BD4800;
    text-transform: uppercase;
}

.latestnews h2 {
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	color: #020873;
	min-height: 5em;
	margin-bottom: 0.5em;
	max-width: 13em;
}

.latestnews p:last-child a {
	text-decoration: none;
	color: inherit;
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(9, 88, 167, 0.25), rgba(9, 88, 167, 0.25));
	background-position: 0 100%, 0 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: 0 1px, 100% 1px;
	transition: background-size .5s
}

.latestnews p:last-child a:hover {
	background-size: 100% 1px, 100% 1px
}

.latestnews {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.latestnews div {
	padding: 48px 0;
	position: relative;
	z-index: 9;
	width: calc((((100% - (8 * 20px)) / 9) * 4) + (3 * 20px));
}

.latestnews picture::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 72%;
}

.latestnews figure { 
	display: block;
	position: relative;
	overflow: visible;
	width: calc((((100% - (8 * 20px)) / 9) * 5) + (4 * 20px));
}

.latestnews picture {
	display: block;
 
}

.latestnews picture img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 120%;
	height: 100%;
	object-fit: cover;
	object-position: right top;
}

@media all and (max-width: 899px) {
	.latestnews {
		display: block;
	}
	.latestnews div {
		padding: 24px 0 0;
	}
	.latestnews h2 {
		min-height: 0;
		max-width: 20em;
	}
	.latestnews div,
	.latestnews picture {
		width: 100%;
	}
}