.flex-row {
  position: relative;
  display: flex;
  flex-direction: row;
}
.flex-row.centered {
  align-items: center;
  justify-content: center;
}
.flex-row.left-align { justify-content: flex-start; }
.flex-row.left-align { justify-content: flex-end; }
.flex-row.left-align { justify-content: space-between; }

.flex-column {
  flex-direction: column;
  display: flex;
}
.flex-column.centered {
  align-items: center;
  justify-content: center;
}
.flex-column.left-align { align-items: flex-start; }
.flex-column.right-align { align-items: flex-end; }

.flex-none { flex: none; }
.flex-1 { flex: 1; }

.full-width { width: 100%; }
.full-height {
  min-height: 100% !important;
  height: 100%;
}

.no-margin { margin: 0; }
.padding-small { padding: .6em; }
.padding-medium { padding: 1.2em; }
.padding-large { padding: 2.4em; }
.padding-huge { padding: 6em; }
.padding-bottom-small { padding-bottom: .6em; }
.padding-bottom-medium { padding-bottom: 1.2em; }
.padding-bottom-large { padding-bottom: 2.4em; }
.padding-bottom-huge { padding-bottom: 6em; }
.padding-top-small { padding-top: .6em; }
.padding-top-medium { padding-top: 1.2em; }
.padding-top-large { padding-top: 2.4em; }
.padding-top-huge { padding-top: 6em; }
.margin-small { margin: .6em; }
.margin-medium { margin: 1.2em; }
.margin-large { margin: 2.4em; }
.margin-huge { margin: 6em; }
.radius-small { border-radius: .6em; }
.radius-medium { border-radius: 1.2em; }
.radius-large { border-radius: 2.4em; }
.radius-huge { border-radius: 6em; }

.centered {
  text-align: center;
  margin: auto;
}
.left-align { text-align: left; }
.right-align { text-align: right; }
.pointer { cursor: pointer; }
.background-black { background-color: #fefefe; }