/*
HR - Layout
*/

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

/* Padding */
.padding8 {
	padding: 8px;
}
.padding16 {
	padding: 8px;
}
.padding-height16 {
	padding-top: 16px;
	padding-bottom: 16px;
}
.padding-height20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding-height24 {
	padding-top: 24px;
	padding-bottom: 24px;
}
.padding-side2 {
	padding-left: 2px;
	padding-right: 2px
}
.padding-side4 {
	padding-left: 4px;
	padding-right: 4px
}
.padding-side8 {
	padding-left: 8px;
	padding-right: 8px
}
.padding-side12 {
	padding-left: 12px;
	padding-right: 12px
}
.padding-side16 {
	padding-left: 16px;
	padding-right: 16px
}
.padding-side20 {
	padding-left: 20px;
	padding-right: 20px
}

.padding24 {
	padding: 24px;
}
.padding-side24 {
	padding-right: 24px;
	padding-left: 24px;
}
.padding-side28 {
	padding-right: 28px;
	padding-left: 28px;
}

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

.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;
}

/* Margin */
.margin-bottom4 {
	margin-bottom: 4px;
}
.margin-bottom8 {
	margin-bottom: 8px;
}
.margin-top16 {
	margin-top: 16px;
}
.margin-top24 {
	margin-top: 24px;
}
.margin-top32 {
	margin-top: 32px;
}

.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;
}

@media screen and (min-width:35.5em) { /* -sm */

}

@media screen and (min-width:49em) { /* -md */
	.padding16 {
		padding: 16px;
	}
}

@media screen and (min-width:64em) { /* -lg */
}

@media screen and (min-width:80em) { /* -xl */
}

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

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

/*------------------------------------*\
    Images
\*------------------------------------*/

.img-center {
	margin: auto;
}

/*------------------------------------*\
    Media queries
\*------------------------------------*/

@media only screen and (min-width:320px) and (max-width:568px) {
	.hidden-xs {
		display: none;
	}
}

@media only screen and (min-width:569px) and (max-width:980px) {
	.hidden-sm {
		display: none;
	}
}

@media only screen and (min-width:980px) and (max-width:1096px) {
	.hidden-md {
		display: none;
	}
}
@media only screen and (min-width:1096px) {
	.hidden-lg {
		display: none;
	}
}