@keyframes titleAppearance
{
	from
	{
		margin-left: -25%;
	}

	to 
	{
		margin-left: 0%;
	}
}

@keyframes titleAppearanceMobile
{
	from
	{
		margin-left: -100%;
	}

	to 
	{
		margin-left: 0%;
	}
}

.expandLegalDrop
{
	animation: openPanel 1s forwards;
}

.closeLegalDrop
{
	animation: closePanel 1s forwards;
}

@keyframes openPanel
{
	from
	{
		height: 0px;
	}

	to
	{
		height: 500px;
		overflow-y: scroll;
	}
}

@keyframes closePanel
{
	from 
	{
		height: 500px;
	}

	to 
	{
		height: 0px;
		overflow-y: hidden;
	}
}