/**
 * Project View
 */

.project-view {

}
.project-view__wrapper {
  display: grid;
  grid-template-columns: 100%;
  gap: 2rem;
  justify-items: center;
}
.project-view__wrapper .view-content{
  display: grid;
  grid-template-columns: 100%;
  gap: 2rem;
  justify-items: center;
}
@media all and (min-width: 700px){
  .project-view__wrapper .view-content{
    grid-template-columns: repeat(2, calc(50% - 1rem));
  }
  .project-view__wrapper .view-content .project-teaser:nth-child(2n){
    transform: translateY(108px);
  }
}