#m-1, #m-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }

@media (max-width: 40em) {
  #m-1, #m-1-1, #m-1-2, #m-1-3, #m-2, #m-3, #m-3-1 {
    width: 100%; }

  #m-3-2, #m-3-3 {
    width: 50%; }

  #m-1-2 {
    order: 1; }

  #m-1-3 {
    order: 2; }

  #m-1-1 {
    order: 3; } }
@media (min-width: 40em) and (max-width: 60em) {
  #m-1-2, #m-1-3, #m-3-2, #m-3-3 {
    width: 50%; }

  #m-1, #m-2, #m-3, #m-1-1, #m-3-1 {
    width: 100%; }

  #m-1-2 {
    order: 1; }

  #m-1-3 {
    order: 2; }

  #m-1-1 {
    order: 3; } }
@media (min-width: 60em) and (max-width: 80em) {
  #m-1, #m-3-1, #m-3-2, #m-3-3 {
    width: 33.33%; }

  #m-2 {
    width: 66.66%; }

  #m-1-1, #m-1-2, #m-1-3, #m-3 {
    width: 100%; } }
@media (min-width: 80em) {
  #m-1, #m-3 {
    width: 25%; }

  #h-2, #m-2 {
    width: 50%; }

  #m-1-1, #m-1-2, #m-1-3, #m-3-1, #m-3-2, #m-3-3 {
    width: 100%; }

  #m-1, #m-3 {
    display: flex;
    flex-flow: column; }

  #m-1-1 {
    flex: 0 1 auto; }

  #m-1-2 {
    flex: 0 1 auto; }

  #m-1-3 {
    flex: 1 1 auto; }

  #m-3-1 {
    flex: 0 1 auto; }

  #m-3-2 {
    flex: 1 1 auto; }

  #m-3-3 {
    flex: 0 1 auto; } }
#m-1, #m-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }