* {
  box-sizing: border-box; }

html {
  font-size: 1.5px; }

body {
  font-family: 'Ringside';
  margin: 0;
  font-size: 10rem; }

a {
  color: black;
  text-decoration: none;
  background-image: linear-gradient(to right, black 50%, transparent 50%);
  background-position: 0 1.04em;
  background-repeat: repeat-x;
  background-size: 3px 2px; }

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 25px 75px;
  font-size: 10rem; }
  .row .column {
    flex: 0 0 33%;
    padding: 0 25px;
    margin-bottom: 40px; }
    .row .column p:first-child {
      margin-top: 0; }
  .row .column.double {
    flex: 0 0 66%; }

.site-title {
  font-size: 44rem;
  font-weight: bold;
  line-height: 30rem;
  margin: 40px 50px 30px; }

.intro {
  font-size: 14rem;
  font-weight: bold;
  margin: 0 50px 115px; }

.section-title {
  font-size: 44rem;
  font-family: 'urw-din-condensed';
  font-weight: bold;
  line-height: 35rem;
  margin: 0 50px 40px; }

.col-header {
  font-size: 14rem;
  font-weight: bold;
  font-family: 'urw-din-condensed'; }

.row.about .col-header + p {
  margin-top: 0; }

.in-progress-text {
  font-size: 14rem;
  margin: 0 50px 115px; }
  .in-progress-text p {
    margin: 0; }

.team-image {
  display: block;
  margin: 0 auto 30px;
  width: 100%;
  height: 175px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .team-image + p {
    margin-top: 0; }

.partners {
  font-size: 14rem;
  font-weight: bold;
  margin: 0 50px 115px;
  column-count: 3;
  column-gap: 50px; }
  .partners strong {
    display: block; }
  .partners br {
    display: none; }
  .partners p {
    margin: 0; }

.contact {
  font-size: 10rem;
  margin: 0 50px 40px; }

.projects-container {
  width: 100%;
  position: relative;
  padding: 50px 0; }

.project-button {
  display: flex;
  flex-direction: row; }
  .project-button:hover {
    color: #C0C0C0; }

.project-number {
  cursor: pointer;
  font-size: 44rem;
  font-family: 'urw-din-condensed';
  font-weight: bold;
  line-height: 30rem;
  flex: 0 0 80px; }

.project-info {
  cursor: pointer;
  font-size: 12rem;
  font-weight: bold;
  margin-top: -2rem; }

.project-splash {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  background-color: white;
  z-index: -1; }

.single-project-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: none; }
  .single-project-container .row {
    margin-bottom: 0; }
  .single-project-container .column {
    position: relative; }

.single-project-container.active {
  display: block; }

.x-close {
  padding-top: 15px;
  color: black;
  background: white;
  font-size: 35px;
  line-height: 35px;
  position: absolute;
  top: 0;
  right: 15px;
  transform: translateX(50%);
  cursor: pointer;
  z-index: 1; }

.project-title {
  padding-top: 15px;
  font-size: 44rem;
  font-family: 'urw-din-condensed';
  font-weight: bold;
  line-height: 40rem;
  text-transform: uppercase;
  display: inline-block; }
  .project-title .number {
    display: inline-block;
    width: 80px; }

.project-location1 {
  font-size: 16rem;
  font-weight: bold;
  margin-top: 5px; }

.project-location2 {
  font-size: 16rem; }

.project-images {
  padding: 0 50px;
  width: 100%;
  margin-bottom: 50px; }

.single-image {
  width: 100%; }
  .single-image:not(:last-child) {
    margin-bottom: 15px; }

.gallery-button {
  position: absolute;
  height: 100%;
  width: 50%;
  z-index: 1; }

.gallery-button.left {
  left: 0px;
  cursor: url("../images/bracket_cursor_l.svg"), w-resize; }

.gallery-button.right {
  right: 0px;
  cursor: url("../images/bracket_cursor_r.svg"), e-resize; }

@media screen and (max-width: 680px) {
  .row {
    flex-direction: column; }
    .row .column {
      flex: 0 0 100%; }

  .row.project-text {
    position: relative;
    top: auto; }

  .partners {
    column-count: 1; } }

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