#buttons_panel
	{	
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		grid-column-gap: 45px;
		grid-row-gap: 15px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.button
	{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 100px;
		background-color: var(--color2);
		text-align: center;
		color: white;
		font-weight: bold;
		transition-duration: 0.3s;
	}

	.button:hover
	{
		position: relative;
		top: -5px;
		left: -5px;
		box-shadow: 10px 10px 5px 0px rgba(140,136,136,0.75);
		-webkit-box-shadow: 10px 10px 5px 0px rgba(140,136,136,0.75);
		-moz-box-shadow: 10px 10px 5px 0px rgba(140,136,136,0.75);
		transition-duration: 0.3s;
	}

	@media(min-width: 500px)
	{
		.button
		{
			width: 130px;
			height: 100px;
			padding: 10px;
		}
	}

	@media(min-width: 700px)
	{
		#buttons_panel
		{
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: repeat(2, 1fr);
		}
	}

	@media(min-width: 1000px)
	{
		#buttons_panel
		{
			grid-column-gap: 60px;
			grid-row-gap: 30px;
		}

		.button
		{
			width: 180px;
			height: 100px;
			padding: 10px;
		}
	}

#intro
{
	padding: 20px 30px 0 30px;
}

#intro > p
{
	text-align: center;
}

.direct_dls_container
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}

@media(min-width: 600px)
{
	.direct_dls_container
	{
		flex-direction: row;
		justify-content: space-around;
		align-items: flex-start;
		margin-top: 32px;
	}
}

.direct_dl
{
	max-width: 170px;
	font-size: 0.9em;
	width: 40%;
	background-color: #232735;
	text-align: center;
	padding: 0;
	margin-top: 15px;
}