#content {
	width: 100vw !important;
	max-width: unset !important;
	padding: 1.5rem 0 0 !important;

	&, .container {
		margin: 0 auto !important;
	}

	&::before,&::after,
	.container::before,.container::after {
		display: none;
	}
}

#blog-page {
	display : flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 1.5rem;

	article {
		flex-grow: 1;

		#slideshow {
			width:100%;
			aspect-ratio: 16/9;
			height: auto;
			max-width: unset;
			max-height: unset;
			margin-bottom:1rem;
		}
	}

	aside {
		align-self: center;

		nav {
			ul {
				margin:1rem 0;
				padding-left: 2rem;
				a {
					display: block;
					padding: .5rem 0;
				}
			}
		}
	}
}


@media ( min-width:770px ) {
	#blog-page {
		gap: 3rem;
		flex-direction: row;
		aside {
			align-self: flex-start;
			flex-shrink: 0;
			width : max( 25rem ,25% );
		}
	}
}