div.ed-grey-border-top {
  border-top: 1px solid lightgrey;
  padding-top: 1em;
  margin-top: 2em;
}


div.flex-container {
  display:flex;
  flex-wrap: wrap-reverse
}

div.flex-item {
  flex: 1 1 auto;
}


@media screen and (min-width:640px) {
  div.flex-item h1,
  div.flex-item h2,
  div.flex-item h3,
  div.flex-item h4,
  div.flex-item h5,
  div.flex-item h6 {
    margin-top: 0;
  }
  
  div.flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: initial;
  }

  div.flex-item.half {
    width: 50%;
    max-width: 50%;
  }
  
  div.flex-item.quarter {
    width: 25%;
    max-width: 25%;
  }
  
  div.flex-item.three-quarters {
    width: 75%;
    max-width: 75%;
  }
  
  div.flex-item.one-third {
    width: 33%;
    max-width: 33%;
  }
  
  div.flex-item.two-thirds {
    width: 66%;
    max-width: 66%;
  } 
}