@charset "UTF-8";

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	position : relative;
	color : white;
	background-color : black;
	#toTop{
		position : absolute;
		display : grid;
		place-items : center;
		aspect-ratio : 1;
		img{
			filter : var( --filterWhite );
		}
	}
	.logo{
		width : fit-content;
		margin-inline : auto;
	}
	a{
		display : block;
	}
	p{
		font-family : Lato , sans-serif;
		line-height : 2;
		text-align : center;
	}
	@media screen and ( width <= 768px ){
		padding-block : calc( 40 * var( --remBase ) );
		#toTop{
			top : calc( 32 * var( --remBase ) );
			right : calc( 16 * var( --viewportBase ) );
			height : calc( 30 * var( --remBase ) );
			img{
				height : calc( 14.71 * var( --remBase ) );
			}
		}
		.logo{
			img{
				height : calc( 69.1 * var( --remBase ) );
			}
		}
		p{
			margin-top : calc( 24 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-block : calc( 96 * var( --remBase ) );
		#toTop{
			top : calc( 82.5 * var( --remBase ) );
			left : min( calc( 50% + 447px ) , calc( 50% + ( 447 * var( --percentBase ) ) ) );
			height : calc( 42 * var( --remBase ) );
			img{
				height : calc( 20.6 * var( --remBase ) );
			}
		}
		.logo{
			img{
				height : calc( 122.6 * var( --remBase ) );
			}
		}
		p{
			margin-top : calc( 64 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
		}
	}
}