.project-index {
  margin-top: 150px; }

.project-intro {
  background: #f4f4f4;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffffff, #f4f4f4);
  /* Safari */
  background: -o-linear-gradient(#ffffff, #f4f4f4);
  /* Opera 11.6 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #f4f4f4);
  /* Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #f4f4f4);
  /* Standard syntax */
  padding: 25px 0px 0px 0px;
  margin: 175px 0px 40px 0px; }
  @media screen and (max-width: 900px) {
    .project-intro {
      margin: 140px 0px 40px 0px; } }
  @media screen and (max-width: 600px) {
    .project-intro {
      margin: 175px 0px 40px 0px; } }

#content {
  padding-top: 20px; }

#project-gallery {
  position: relative; }
  #project-gallery .gallery-expand {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    width: 270px;
    height: 75px;
    opacity: 0.7;
    z-index: 100;
    -webkit-transition: width 1s ease, height 1s ease;
    transition: width 1s ease, height 1s ease; }
    #project-gallery .gallery-expand h4 {
      display: block;
      font-weight: 800;
      color: #666;
      margin: 0px 0px;
      width: 100%;
      text-align: center; }
      #project-gallery .gallery-expand h4 img {
        display: inline;
        width: 30px;
        height: auto;
        margin-right: 20px;
        vertical-align: baseline; }
      #project-gallery .gallery-expand h4 span {
        vertical-align: top; }
    #project-gallery .gallery-expand:hover {
      text-decoration: none;
      width: 100%;
      height: 100%; }
      #project-gallery .gallery-expand:hover h4 {
        position: absolute;
        top: 50%;
        margin: -20px 0 0 -20px; }
  #project-gallery img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 90; }

ul.featured-entries,
ul.latest-entries {
  list-style: none;
  padding: 0;
  margin: 0; }

ul.latest-entries li {
  margin-bottom: 10px;
  float: left;
  box-sizing: border-box;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  padding: 0; }
  ul.latest-entries li:nth-of-type(4n) {
    margin-right: 0%; }
  @media screen and (max-width: 900px) {
    ul.latest-entries li {
      float: left;
      box-sizing: border-box;
      width: 49%;
      margin-right: 2%;
      margin-bottom: 2%;
      padding: 0; }
      ul.latest-entries li:nth-of-type(2n) {
        margin-right: 0%; } }
  @media screen and (max-width: 600px) {
    ul.latest-entries li {
      float: none;
      box-sizing: border-box;
      width: 100%;
      margin-right: 2%;
      margin-bottom: 2%;
      padding: 0; }
      ul.latest-entries li:nth-of-type(1n) {
        margin-right: 0%; } }
ul.latest-entries a {
  display: block;
  padding: 0px;
  color: #000;
  background: #f8f8f8;
  -webkit-transition: box-shadow 0.3s ease, background 0.3s ease;
  transition: box-shadow 0.3s ease, background 0.3s ease; }
  ul.latest-entries a:hover, ul.latest-entries a:focus {
    text-decoration: none;
    background: #ccc; }
ul.latest-entries img {
  display: block;
  width: 100%;
  height: auto; }
ul.latest-entries h2 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.02em;
  font-weight: 800;
  margin: 20px 20px 0px 20px; }
ul.latest-entries p {
  margin: 10px 20px 20px 20px; }

.twocol {
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
  padding: 0;
  padding: 0px;
  margin-bottom: 20px; }
  .twocol:nth-of-type(2n) {
    margin-right: 0%; }
  @media screen and (max-width: 600px) {
    .twocol {
      float: none;
      box-sizing: border-box;
      width: 100%;
      margin-right: 2%;
      margin-bottom: 2%;
      padding: 0; }
      .twocol:nth-of-type(1n) {
        margin-right: 0%; } }
  .twocol.image-preview img {
    display: block;
    width: 100%;
    height: auto; }
  .twocol.image-preview blockquote {
    padding: 5%;
    background: #e4e4e4;
    margin: 20px 0px 0px 0px;
    font-style: italic;
    line-height: 130%;
    font-size: 16px; }