/* Layout Styles */

.container {
	max-width:1240px;
	margin:0 auto;
}

.container-narrow {
	max-width:1100px;
	margin:0 auto;
}

.container-full {
	max-width:100%;
	margin:0;
}

/* Padding and margin styles */

.padding-top-xxl { padding-top: 100px; }
.padding-top-xl { padding-top: 80px; }
.padding-top-lg { padding-top: 60px; }
.padding-top-md { padding-top: 40px; }
.padding-top-smd { padding-top: 30px; }
.padding-top-sm { padding-top: 20px; }
.padding-top-xs { padding-top: 10px; }
.padding-top-none { padding-top: 0; }

.padding-bottom-xxl { padding-bottom: 100px; }
.padding-bottom-xl { padding-bottom: 80px; }
.padding-bottom-lg { padding-bottom: 60px; }
.padding-bottom-md { padding-bottom: 40px; }
.padding-bottom-smd { padding-bottom: 30px; }
.padding-bottom-sm { padding-bottom: 20px; }
.padding-bottom-xs { padding-bottom: 10px; }
.padding-bottom-none { padding-bottom: 0; }

.padding-left-xxl { padding-left: 100px; }
.padding-left-xl { padding-left: 80px; }
.padding-left-lg { padding-left: 60px; }
.padding-left-md { padding-left: 40px; }
.padding-left-smd { padding-left: 30px; }
.padding-left-sm { padding-left: 20px; }
.padding-left-xs { padding-left: 10px; }
.padding-left-none { padding-left: 0; }

.padding-right-xxl { padding-right: 100px; }
.padding-right-xl { padding-right: 80px; }
.padding-right-lg { padding-right: 60px; }
.padding-right-md { padding-right: 40px; }
.padding-right-smd { padding-right: 30px; }
.padding-right-sm { padding-right: 20px; }
.padding-right-xs { padding-right: 10px; }
.padding-right-none { padding-right: 0; }

.padding-all-xxl { padding: 100px; }
.padding-all-xl { padding: 80px; }
.padding-all-lg { padding: 60px; }
.padding-all-md { padding: 40px; }
.padding-all-smd { padding: 30px; }
.padding-all-sm { padding: 20px; }
.padding-all-xs { padding: 10px; }
.padding-all-none { padding: 0; }

.margin-top-xxl { margin-top: 100px; }
.margin-top-xl { margin-top: 80px; }
.margin-top-lg { margin-top: 60px; }
.margin-top-md { margin-top: 40px; }
.margin-top-smd { margin-top: 30px; }
.margin-top-sm { margin-top: 20px; }
.margin-top-xs { margin-top: 10px; }
.margin-top-none { margin-top: 0; }

.margin-bottom-xxl { margin-bottom: 100px; }
.margin-bottom-xl { margin-bottom: 80px; }
.margin-bottom-lg { margin-bottom: 60px; }
.margin-bottom-md { margin-bottom: 40px; }
.margin-bottom-smd { margin-bottom: 30px; }
.margin-bottom-sm { margin-bottom: 20px; }
.margin-bottom-xs { margin-bottom: 10px; }
.margin-bottom-none { margin-bottom: 0; }

.margin-left-xxl { margin-left: 100px; }
.margin-left-xl { margin-left: 80px; }
.margin-left-lg { margin-left: 60px; }
.margin-left-md { margin-left: 40px; }
.margin-left-smd { margin-left: 30px; }
.margin-left-sm { margin-left: 20px; }
.margin-left-xs { margin-left: 10px; }
.margin-left-none { margin-left: 0; }

.margin-right-xxl { margin-right: 100px; }
.margin-right-xl { margin-right: 80px; }
.margin-right-lg { margin-right: 60px; }
.margin-right-md { margin-right: 40px; }
.margin-right-smd { margin-right: 30px; }
.margin-right-sm { margin-right: 20px; }
.margin-right-xs { margin-right: 10px; }
.margin-right-none { margin-right: 0; }

.margin-all-xxl { margin: 100px; }
.margin-all-xl { margin: 80px; }
.margin-all-lg { margin: 60px; }
.margin-all-md { margin: 40px; }
.margin-all-smd { margin: 30px; }
.margin-all-sm { margin: 20px; }
.margin-all-xs { margin: 10px; }
.margin-all-none { margin: 0; }

/* hide margins/padding for different screen sizes */

@media only screen and (max-width: 750px) {

.hide-margin-left-sm { margin-left: 0; }
.hide-margin-right-sm { margin-right: 0; }
.hide-margin-top-sm { margin-top: 0; }
.hide-margin-bottom-sm { margin-bottom: 0; }
.hide-margin-all-sm { margin: 0; }

.hide-padding-left-sm { padding-left: 0; }
.hide-padding-right-sm { padding-right: 0; }
.hide-padding-top-sm { padding-top: 0; }
.hide-padding-bottom-sm { padding-bottom: 0; }
.hide-padding-all-sm { padding: 0; }

}

@media only screen and (min-width: 750px) {

.hide-margin-left-lg { margin-left: 0; }
.hide-margin-right-lg { margin-right: 0; }
.hide-margin-top-lg { margin-top: 0; }
.hide-margin-bottom-lg { margin-bottom: 0; }
.hide-margin-all-lg { margin: 0; }

.hide-padding-left-lg { padding-left: 0; }
.hide-padding-right-lg { padding-right: 0; }
.hide-padding-top-lg { padding-top: 0; }
.hide-padding-bottom-lg { padding-bottom: 0; }
.hide-padding-all-lg { padding: 0; }

}

/* Alignment styles */

.text-left {
	text-align:left;
}

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

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

.text-justify {
	text-align:justify;
}