/* Layout - Position */

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.pin {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Backgrounds - Background Position */

.bg-center {
  background-position: center;
}

/* Flexbox - Display */

.flex {
  display: flex;
}

/* Flexbox - Direction */

.flex-col {
  flex-direction: column;
}

/* Flexbox - Align Items */

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

/* Flexbox - Justify Content */

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

/* Flexbox - Flex, Grow, & Shrink */

.flex-1 {
  flex: 1;
}

/* Spacing - Margin & Padding */

.mt-0 {
  margin-top: 0;
}

.mb-30 {
  margin-bottom: 30px;
}

@media (min-width: 992px) {

  .md\:ph-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

}

/* Sizing - Width */

.w-full {
  width: 100%;
}

/* Sizing - Height */

.h-full {
  height: 100%;
}