@import url("https://fonts.googleapis.com/css?family=Heebo:400,700");
/******* VARIABLES *******/
/*** Color ***/
/*** Fonts ***/
.header-image {
  box-sizing: border-box;
  width: 100%;
  background: url("../images/identity-main.jpg");
  background-size: cover;
  background-position: center;
  height: 380px; }

.project-info {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(64px, 1fr)); }
  .project-info div {
    width: 100%;
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 16px; }
    .project-info div span {
      font-weight: 400;
      display: block;
      font-size: 13px;
      color: #FA5A13;
      line-height: 24px; }

.project-info-container {
  margin-bottom: 32px;
  padding-left: 64px;
  padding-right: 64px; }

.project-article {
  max-width: 880px;
  padding-left: 64px;
  padding-right: 64px;
  margin: 64px auto 120px; }
  .project-article p {
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    padding: 0 100px; }
  .project-article img, .project-article video {
    width: 100%;
    margin: 32px 0; }

/*# sourceMappingURL=identity.css.map */