@charset "UTF-8";

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer .copyright{
	font-weight : 500;
	color : white;
	background-color : #0a6d6c;
}
@media screen and ( max-width : 750px ){
	#footer .copyright{
		height : calc( 120 var( --remBase ) );
		padding-top : calc( 24 var( --remBase ) );
		font-size : 2.4rem;
		text-align : center;
	}
}
@media print , screen and ( min-width : 750.02px ){
	#footer .links{
		display : grid;
		grid-template-columns : auto auto;
		align-items : center;
		justify-content : space-between;
		padding-top : calc( 54 var( --remBase ) );
		padding-bottom : calc( 56 var( --remBase ) );
		background-color : #626262;
	}
	#footer .links .logo{
		display : block;
		width : fit-content;
	}
	#footer .links .logo img{
		height : calc( 61 var( --remBase ) );
	}
	#footer .links ul{
		display : grid;
		grid-auto-flow : column;
	}
	#footer .links ul a{
		padding-inline : calc( 24 var( --fontCoef ) );
		margin-top : 1em;
		font-size : calc( 18 var( --fontCoef ) );
		color : white;
	}
	#footer .copyright{
		display : grid;
		align-items : center;
		justify-content : end;
		height : calc( 73 var( --remBase ) );
		font-size : calc( 18 var( --fontCoef ) );
	}
}