html,body
{
	background-color: #F9F9F9;
}

.breadcrumb
{
	margin-bottom:80px;
}
#body
{
	.header
	{
		margin-bottom:80px;
		border-bottom: 1px solid #0F0F0F;
		padding-bottom:80px;
		picture
		{
			display: block;
			img
			{
				width: 100%;
				display: block;
			}
		}
		.content
		{
			h1
			{
				font-size: 36px;
				font-weight: 400;
				line-height: 52px; 
				letter-spacing: 0.72px;
				margin-bottom:16px;
			}
			>div
			{
				p
				{
					color: #0F0F0F;
					font-size: 15px;
					line-height: 22px;
					letter-spacing: 0.3px;
					margin-bottom: 16px;
				}
			}
		}

	}

	form
	{
		margin-bottom:100px;
		ul
		{
			margin-bottom:24px;
			li
			{
				margin-bottom:8px;
				a
				{
					color:$text-color;
				}
			}
		}
		#form
		{
			.form-group
			{
				margin-bottom:24px;
				label
				{
					display: block;
					margin-bottom:8px;
				}
				input,textarea
				{
					border:1px solid $text-color;
					padding:12px 24px;
					width: 100%;
					background-color: rgba(255,255,255);
				}
				textarea
				{
					height: 300px;
				}
			}
			.send-btn
			{
				display: flex;
				justify-content:flex-end;
				button
				{
					cursor: pointer;
					padding:8px 36px;
					border-radius: 16px;
					border:1px solid $text-color;
					background-color: rgba(255,255,255,0);
				}
			}
		}
	}
}


@media(min-width:768px)
{
	#body
	{
		.header
		{
			display: flex;
			picture
			{
				width: 28%;			
			}
			.content
			{
				padding-left:5.55%;
				flex:1;
			}
		}
		form
		{
			display: flex;
			ul
			{
				width: 50%;
			}
			#form
			{
				width: 50%;
			}
		}

	}
	
}