.footer{
	background: white;
	padding: grid(4 0 1.5);
	&>.column{
		margin: 0 auto;
	}
	@media #{$medium-down}{
		padding: grid(5 0 2);
	}
	@media #{$mobile}{
		padding: rem(96 64 63);
	}
	&__contact-us{
		margin-top: grid(1.5);
		@media #{$medium-down}{
			margin-top: grid(2);
		}
		@media #{$mobile}{
			margin-top: rem(32);
		}
	}
	&__contact{
		margin-right: grid(1.5);
		&__item{
			line-height: rem(32);
			color: color(Gray, 0.5);
		}
		@media #{$medium-down}{
			margin-right: grid(2);
		}
	}
	&__social{
		&__item{
			color: color(Gray, 0.5);
			line-height: rem(32);
		}
		@media (max-width: rem(450)){
			margin-top: grid(1);
		}
	}
	&__practical{
		margin-top: grid(1.5);
		@media #{$medium-down}{
			margin-top: grid(2);
		}
		@media #{$mobile}{
			margin-top: rem(32);
		}
		&__item{
			margin-right: rem(45);
			color: color(Gray, 0.5);
		}
		@media #{$medium-down}{
			flex-direction: column;
			&__item{
				order: 1;
			}
			.copyright{
				order: 3;
				margin-top: grid(62/32);
			}
		}
		@media #{$mobile}{
			&__item{
				margin-right: 0;
			}
			.copyright{ margin-top: rem(32); font-size: rem(14);}
		}
	}
	&__contact-us, &__practical{
		a{
			position: relative;
			&:before{
				content: "";
				position: absolute;
				right: 0;
				width: 0;
				bottom: 1px;
				background-color: color(Gray, 0.5);
				height: 1px;
				transition-property: width;
				transition-duration: 0.3s;
				transition-timing-function: ease-out;
			}
			&:hover {
				text-decoration: none;
				&:before {
					left: 0;
					right: auto;
					width: 100%;
				}
			}
		}
	}
}