/* Reset */
h1,h2,h3, h4, h5, h6 {
  margin: 0;
}

/* General */
body {
  font-family: "Open Sans Condensed";
  font-size: 16px;
  background-color: #fffcf8;
}

/* Small to medium screens */
@media (min-width: 24em) {
  .StackableFlexContainer {
    display: flex;
    flex-flow: column nowrap;
  }
}

/* Large screens */
@media (min-width: 48em) {
  .StackableFlexContainer {
    display: flex;
    flex-flow: row wrap;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* React CSS Transition Group Addon */
.transition-enter {
  opacity: 0.01;
}

.transition-enter.transition-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.transition-leave {
  opacity: 1;
}

.transition-leave.transition-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}