/* Flex Styles
********************** */
.flex-list {
  display: flex;
  flex-wrap: wrap; }

.full-width {
  width: 100%; }

.half-width,
.third-width,
.fourth-width,
.seventh-width {
  width: 100%;
  margin: 1em; }

@media screen and (min-width: 960px) {
  .flex-list > .half-width:nth-of-type(2n - 1) {
    width: calc(50% - 1em);
    margin-left: 0; }
  .flex-list > .half-width:nth-of-type(2n) {
    width: calc(50% - 1em);
    margin-right: 0; }
  .flex-list > .third-width {
    width: calc(33.33% - 2em); }
  .flex-list > .fourth-width {
    width: calc(25% - 2em); }
  .flex-list > .seventh-width {
    width: calc(75% - 2em); } }