#footer{
	text-align: justify;
	padding : 0 20px;
	margin-top: 40px;
	height: $footer-height;

	.content{
		border-top:1px solid black;
		padding-top:8px;
		display: flex;
		justify-content : space-between;
		flex-wrap: wrap;

		a:link, a:visited, a:hover, a:active, {
	    text-transform: none;
	    border-bottom-color: transparent;
			@extend .din-regular;
	  }

    a:hover{
      border-bottom-color: $black;
    }

	
		.footerElmt{
			@extend .din-regular;
			margin-bottom: 0px;
			margin-right: 10px;
			white-space: nowrap;
			display: inline-block;

			&.socialContainer{
		    a:hover{
		      border-bottom-color: transparent;
		    }				
				.social{
					height:30px;
				}
			}
		}
	}
}

/*
|--------------------------------------------------------------------------
| À PARTIR DE IPAD VERTICAL
|--------------------------------------------------------------------------
*/
@media screen and (max-width: 768px) {
	#footer{
		text-align: justify;
		padding : 20px;
		margin-top: 40px;

		.content{
			border-top:2px solid black;
			padding-top:8px;
			display: flex;
			flex-direction:column;
			justify-content: flex-start;
			align-items: center;
			flex-wrap:no-wrap;
		
			.footerElmt{
				&:not(:last-child){
					margin-bottom: 11px;
				}

				margin-right: 0px;

				&.socialContainer{
					.social{
						height:30px;
					}
				}
			}
		}
	}
}