/*
HR - Layout
*/

/*------------------------------------*\
    LAYOUT
\*------------------------------------*/

/*------------------------------------*\
    PADDING MARGIN
\*------------------------------------*/

/* Padding */
.padding8 {
	padding: 8px;
}
.padding16 {
	padding: 8px;
}

.padding-height16 {
	padding-top: 16px;
	padding-bottom: 16px;
}
.padding-side16 {
	padding-left: 8px;
	padding-right: 8px;
}

.padding32 {
	padding: 32px;
}
.padding-height32 {
	padding-top: 32px;
	padding-bottom: 32px;
}
.padding-side32 {
	padding-right: 8px;
	padding-left: 8px;
}

.padding40 {
	padding: 40px;
}
.padding-height40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding-side40 {
	padding-right: 40px;
	padding-left: 40px;
}

.padding64 {
	padding: 64px;
}
.padding-height64 {
	padding-top: 64px;
	padding-bottom: 64px;
}
.padding-side64 {
	padding-right: 64px;
	padding-left: 64px;
}

.padding-right64 {
	padding-right: 64px;
}
.padding-right4 {
	padding-right: 0px;
}
.padding-left4 {
	padding-left: 0px;
}

.padding-bottom16 {
	padding-bottom: 16px;
}

.padding-bottom64 {
	padding-bottom: 64px;
}

@media only screen and (min-width:980px) {
	.padding-right4 {
		padding-right: 4px;
	}
	.padding-left4 {
		padding-left: 4px;
	}

	.padding16 {
		padding: 16px;
	}
	.padding-right16 {
		padding-right: 16px;
	}
	.padding-right8 {
		padding-right: 8px;
	}
	.padding-height16 {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.padding-side16 {
		padding-left: 16px;
		padding-right: 16px;
	}
	.padding-side32 {
		padding-right: 32px;
		padding-left: 32px;
	}
}

/* Margin */
.margin-bottom8 {
	margin-bottom: 8px;
}
.margin-height32 {
	margin-bottom: 32px;
	margin-top: 32px;
}
.margin-bottom16 {
	margin-bottom: 16px;
}
.margin-bottom32 {
	margin-bottom: 32px;
}
.margin-bottom48 {
	margin-bottom: 48px;
}
.margin-bottom64 {
	margin-bottom: 64px;
}
.margin-bottom96 {
	margin-bottom: 96px;
}

/*------------------------------------*\
    ALIGNMENT
\*------------------------------------*/

.float-right {
	float: right;
}

/*------------------------------------*\
    TEXT
\*------------------------------------*/

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

/*------------------------------------*\
    IMAGES
\*------------------------------------*/


@media only screen and (max-width:980px) {
	.pure-img {
		margin: auto;
	}
}