/* - - - Element - - - */

/* article.head */
article.head p {
  width:47.5%;
    display:inline-block;
    vertical-align:top;
      -webkit-columns:1 auto;
      -moz-columns:1 auto;
      columns:1 auto;
}
article.head p + p {
  margin:30px 0 0 5%;
}

/* - - - Responsive - - - */

/* desktop */
@media screen and (min-width:1440px) {

  /* #grid */
  #grid02 {
    grid-column:span 2;
  }
  #grid05 {
    grid-column:span 2; grid-row:span 2;
  }
  #grid07 {
    grid-column:span 2;
  }

}
/* mobile */
@media screen and (max-width:799px) {

  /* article.head */
  article.head p {
    width:100%;
      display:block;
  }
  article.head p + p {
    margin:25px 0 0;
  }

}