/* FILE: global/footer/_site-info.scss */

.site-info {
	font-size: .8em;

	@include media( map_get( $breakpoint, 'xl' ) ) {
		font-size: .9em;
	}

	&-content {
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		> * {
			margin: 1rem 0;
			margin-#{$right}: 1rem;

			@include media( map_get( $breakpoint, 'l' ) ) {
				margin-#{$right}: 2rem;
			}

			@include media( map_get( $breakpoint, 'xxl' ) ) {
				margin-#{$right}: 3rem;
			}

		}

	}

	.sep {
		display: inline-block;
		margin: 0 .25em;
		opacity: .5;
	}

}