@media
	{

		#hero
		{
			flex-direction: row;
			align-items: flex-start;
		}
		#slogan
		{
			width: 30vw;
			gap: 1vw;
			position: relative;
			top: 4vw;
			text-align: left;
			align-items: flex-start;
		}

	}

@media (max-width: 1400px)
	{

		#hero
		{
			gap: 5vw;
		}
		#slogan
		{
			width: 40vw;
			gap: 1vw;
			position: relative;
			top: 2vw;
		}
	}


@media (max-width: 800px)
	{
		#section_01_start
		{
			margin-top: 10vw;
			gap: 5vw;
		}
		#hero
		{
			flex-direction: column;
			gap: 10vw;
			align-items: center;	
		}

		#slogan
		{
			width: 100%;
			gap: 1vw;
			position: relative;
			top: 2vw;
			text-align: center;
			align-items: center;
		}
	}