* {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

/*
html {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  box-sizing: border-box;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  font: normal normal 400 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  height: 100vh;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  overflow-y: scroll
}
*/

  *,
  *::before,
  *::after {
    box-sizing: inherit
  }

a {
  background: inherit;
  color: #2727a4;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%
}

.flex__cell {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
   /*max-width: 61.111em;*/
   padding: .5em;
   width: 100%
}

.flex__stretch {
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch
}

.flex__space-between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  /*justify-content: space-between*/
}

.flex__25 {
  width: 100%
}

.flex__25 + * {
  margin: 2em 0 0
}

@media (min-width: 700px) {

  .flex__space-between > .flex__25 {
    width: calc(50% - 1em)
  }

  .flex__25:nth-child(2) {
    margin: 0
  }

}

@media (min-width: 1000px) {

  .flex__space-between > .flex__25 {
    width: calc(24.5% - .5em);
    margin: 5px;    
  }

  .flex__25 + * {
    margin: 0
  }

}