.announce-container {
	width: 100%;
	display: flex;
	flex-direction: column;	
	align-items: center;
}

.announce-container > .announce-list {
	display: inherit;
	justify-content: flex-start;
	min-height: 190px;
	max-height: 350px;
	width: inherit;
	overflow: scroll;
	overflow-y: hidden;
}

.announce {
	display: flex;
	flex-direction: column;
	background-color: var(--clevel-1);
	border-radius: 10px;
	padding: 10px;
	min-width: 300px;
	max-width: 300px;
	margin-right: 10px;
	transition: var(--fade);
}

.announce > p { flex: 1; }
.announce-list > .announce:last-of-type { margin: 0; }

@media only screen and (max-width: 1200px) {
	.announce-list { justify-content: flex-start !important; }
}