$up-base: 30px;

.footer{
	position: relative;

	box-sizing: border-box;
	min-height: 152px;
	margin-top: 3em;

	color: white;
	background-color: $gray-dark;
	&-inner{
		font-size: 15px;

		position: relative;

		min-height: 110px;
		b{
			font-weight: normal;
		}

		td{
			font-family: $din-regular;
			&:last-child{
				font-weight: bold;

				padding-right: span(1);
			}
		}
		@media screen and (min-width: 0px) and (max-width: 480px){
			td{


				display: block;

				text-align: left;

				&:first-child{
					margin-bottom: 2em;
				}
				&:last-child{
					font-weight: bold;

					text-align: left !important;
					line-height: 2em;
				}
			}
		}
	}
	table{
		@include span(12);

		margin-top: 38px;

		color: white;

		td:first-child{
			b{
				font-weight: regular;
				font-family: $din-regular;
			}
		}

		a{
			color: white;
			&:hover{
				text-decoration: underline;

				color: white;
			}
			&:visited{
				color: white;
			}
		}
	}
}

.btn-up{
	position: absolute;
	z-index: 2;
	top: $up-base * -1;
	left: calc(50% - #{$up-base});

	display: none;

	width: $up-base * 2;
	height: $up-base * 2;
	margin: auto 0;

	cursor: pointer;

	color: black;
	border-radius: 50%;
	background-color: $gray-dark;

	@media screen and (min-width: 0) and (max-width: 1024px){
		display: block !important;
	}


	&-inner{
		display: block;

		width: 16px;
		height: 16px;
		margin-top: $up-base - 32px;
		margin-left: $up-base - 32px;

		background-color: pink;
	}
	.icon-arrow-up{
		font-size: 24px;

		margin: 18px;

		fill: white;
	}
}