.entry-content {

	// center alignment
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
	}
	
	// Left & right alignment
	[class*="align-wrap"] {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	@include media-breakpoint-down (sm) {
		.alignleft, .alignright {
			float: none;
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: var(--contentSpacing);
		}
	}

	@include media-breakpoint-up (md) {
		.alignleft, .alignright {
			margin-top: 0.2em;
			margin-bottom: 0.5em;
		}

		.alignleft {
			float: left;
			margin-right: 30px;
		}

		.alignright {
			float: right;
			margin-left: 30px;
		}
	}


	// fix for left & right alignments
	&:after {
		display: table;
		clear: both;
		content: '';
	}
}