@media
	{
		#selection_box
		{
			gap: 2vw;
		}
		.categorybox
		{
			border-radius: 1.6vw;
			overflow: hidden;  
		}
		.category_title
		{
			background-color: var(--blueblack);
			flex-direction: row;
			justify-content: flex-start;
						padding: 1vw;
			gap: 1vw;
		}
		.list_of_articles
		{
			align-items: flex-start;
			padding: 1vw;
			background-color: var(--darkblack);
			gap: 0.2vw;
		}
		.article_link
		{
			padding: 0.3vw;
		}

		.article_link, h3
		{
			color: var(--lightgrey);
		}
		.divider
		{
			width: 100%;
			background-color: var(--grey);
		}
		.category_icon
		{
			max-width: 3vw;
			max-height: 3vw;
		}
		.accordion_arrow
		{
			display: none;
		}
		.category_title_A
		{
			flex-direction: row;	
			justify-content: flex-start;
			gap: 1vw;
		}
	}

@media (max-width: 1400px)
	{

	}


@media (max-width: 800px)
	{
		#selection_box
		{
			gap: 4vw;
		}
		.categorybox
		{
			border-radius: 4vw; 
		}
		.category_title
		{
			padding: 3vw;
			gap: 5vw;
		}
		h3
		{
			line-height: 7vw;
		}
		.list_of_articles
		{
			padding: 5vw;
			display: none;
			gap: 1vw;
		}
		.open .list_of_articles
		{
			display: flex;
		}
		.category_icon
		{
			max-width: 10vw;
			max-height: 10vw;
		}
		.accordion_arrow
		{
			display: block;
			width: 4vw;
			margin-right: 5vw;
		}
		.open .accordion_arrow
		{
			transform: rotate(-180deg);
		}
		.category_title_A
		{
			flex-direction: column;	
			align-items: flex-start;
			gap: 1vw;
		}

	}