.content {
	scroll-margin-top: var(--hh);
	padding: 20px 20px 0;
}
.content > div {
	display: flex;
	gap: 5vh 3vw;
}
article {
	flex: 1 1 80%;
	font: 300 1.1rem/1.5 "Roboto", Helvetica, Arial, sans-serif;
	padding-bottom: 4vh;
}
aside {
	flex: 1 1 300px;
	font: 300 1rem/1.5 "Roboto", Helvetica, Arial, sans-serif;
	padding-top: 10px;
}

@media (max-width: 1024px) {
 .content > div {
	flex-wrap: wrap;
 }	
}

.content h1 {
	margin: 0 0 4vh;
}
.content hr {
	height: 1px;
	border: 0;
    border-bottom: 1px solid rgb(175, 182, 213);
}

aside .ad {
    padding: 20px;
    border: 1px solid rgb(175, 182, 213);
    border-radius: 12px;
}
aside .ad b:first-letter {
    text-transform: uppercase;
}

section.carousel {
	background-color: #f8f9fa;
}