.site-footer.default {
	.site-info {
		&-wrap,
		&__bottom {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-content: stretch;
			align-items: center;
			@include media-breakpoint-up(lg) {
				flex-direction: row;
				flex-wrap: wrap;
			}
		}
		&-wrap {
			margin-left: -15px;
			margin-right: -15px;
			> * {
				margin-left: 15px;
				margin-right: 15px;
			}
		}

		&__bottom {
			@include media-breakpoint-up(lg) {
				> *:not(:last-child) {
					margin-right: 30px;
				}
			}
		}

		.footer-logo ~ .site-info__bottom,
		.footer-menu ~ .site-info__bottom {
			margin-top: 30px;
			flex: 0 0 calc(100% - 30px);
			max-width:  calc(100% - 30px);
			width: 100%;
			padding-top: 15px;
			order: 4;
			position: relative;
			border-top: 1px solid $color__background-hr;
		}
	}
}