@media (max-width: 800px) {
	#h1-name
	{
		font-size: 8vw;
	}

	#h1-desc
	{
		font-size: 4vw;
	}

	#presentation
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;

		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-left: 0;
		padding-right: 0;

		padding-left: 1rem;
		padding-right: 1rem;
	}

	#presentation h2
	{
		width: 100%;
		max-width: 100%;

		font-weight: 600;
		font-size: 3rem;
		text-align: center;
		margin:0;
		padding: 0;

		color: #040b29;
	}

	#presentation .text
	{
		width: 100%;
		max-width: 100%;

		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		text-align: center;
	}

	.bubblebox
	{
		background-color: white;
		font-family: "Montserrat", sans-serif;
		padding-bottom: 3rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.bubblebox h2
	{
		font-size: 2.5rem;
	}

	.boxes
	{
		margin-top: 1rem;

		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		width: 100%;
	}

	.box
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;

		width: 100%;

		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 0;
		padding-right: 0;

		transition: all 0.5s;
	}
}