.separator-container {
	margin: 65px auto; }

.separator:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 40px;
	background-color: var(--btn-hover-bg-color); }

.separator-container.center .separator {
	text-align: center; }

.separator-container.right .separator {
	text-align: right; }


@media (min-width: 768px) {
	.separator-container.left {
		text-align: left; }

	.separator-container.right {
		text-align: right; }

	.separator-container.center {
		text-align: center; }

	.separator {
		display: inline-block;
		margin: 0 var(--gutter);
		width: var(--col-4);
		text-align: center !important;
		padding-left: 0;
		padding-right: 0; }
}