header {
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.homepage {
  padding-top: 3rem; /* This is the height of the header */
}
.homepage {
  font-family: "NeueHaasUnicaPro-Regular";
}
.homepage h1,
.homepage h2 {
  font-family: "NeueHaasUnicaPro-Bold";
}
.homepage h3,
.homepage h4,
.homepage h5 {
  font-family: "NeueHaasUnicaPro-Medium";
}
.homepage .row {
  max-width: 1440px; /* Impose a maximum width for rows on the homepage */
}
.homepage .dim {
  opacity: 0.3;
}
.journal {
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 100%;
}
.journal:hover {
  box-shadow: 0 0 16px rgba(133,157,175,0.7);
}
.journal-title {
  font-size: 14px;
  line-height: 1;
  transition: all 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.journal-title:hover {
}
.project-hero.row {
  max-width: 2880px;
}
.project-hero {
  height: 80vw;
  max-height: 1200px; /* This is to constrain the background image so that the hero text will stay in the sky of the images */
  min-height: 60rem; /* This is to prevent the product cards from covering the project hero image in short browser windows */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.project-hero.centra_metropark {
  color: #fff;
  fill: #fff;
  background-image: url("../img/homepage/projects/centra_metropark/hero.a497f5b380a7.jpg");
}
.project-hero.dominguez_hills_loker_student_union {
  background-image: url("../img/homepage/projects/dominguez_hills_loker_student_union/hero.969dbef994ed.jpg");
}
.project-hero.fazer_visitor_center {
  color: #fff;
  fill: #fff;
  background-image: url("../img/homepage/projects/fazer_visitor_center/hero.0c1f7ead16fb.jpg");
}
.project-hero.manshausen_island_resort {
  background-image: url("../img/homepage/projects/manshausen_island_resort/hero.784eba153943.jpg");
}
.app-window {
  background: url("../img/homepage/icons/window-graphic-full.4506c375ccba.png");
  background-size: cover;
}
.firm-logo {
  width: 68px;
}
.card {
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.card.hover:hover{
  cursor: pointer;
  box-shadow: 0 0 16px rgba(133,157,175,0.7);
}
.product-cards > .column .card {
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-duration: 500ms;
  opacity: 1;
}
.product-cards > .column .card.off{
  opacity: 0;
  top: 150px;
  transform: scale(0.5);
  -ms-transform: scale(0.5); /* IE 9 */
  -webkit-transform: scale(0.5); /* Safari */
}
.product-cards > .column .card.small.on{
  top: 0;
  opacity: 1;
  left: 0;
}
.product-cards > .column .card > .card-image {
  height: 200px;
}
.product-cards > .column .card.small > .card-image {
  height: 100px;
}
.product-cards > .column .card.small {
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
  opacity: 0;
}
img.value-icon {
  height: 20px;
}