@charset "UTF-8";

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