.familjen-grotesk-<uniquifier> {
  font-family: "Familjen Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: "Familjen Grotesk", sans-serif;
}
i {
  font-style: italic;
}
a {
  font-weight: 900;
  text-decoration: none;
  color: white;
  transition: all .3s ease-in;
}
a:hover {
  border-bottom: 2px solid white;
}
p {
  font-size: 1.2rem;
  font-weight: 200;

}
.imgSet {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}
/*
.headTop {
  height: 100vh;
}
*/
.headTop {
  min-height: 30vh;
}
header {
  background: #222;
/*   background: rgb(9,9,121); */
/*   background: linear-gradient(to top, #a249ce, rgb(9,9,121)),linear-gradient(to right, #5500ff, #00cfff); */
  background-blend-mode: difference;
}
.headerTitle {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 4vh;
  line-height: .8;
  color: white;
  @media (min-width: 425px) {
    & {
      font-size: 7vh;
    }

  }
  @media (min-width: 768px) {
    & {
      font-size: 10vh;
    }

  }
}
.headerSubTitle {

}
.active {
  border-bottom: 2px solid white;
}
.footbody {
  min-height: 30vh;
  color: black;
}
footer {

}
footer a {
  color: black;
}
footer a:hover {
  border-bottom: 2px solid black;
}
footer a.active {
  border-bottom: 2px solid black;
}
.contentSection {
  margin: 0 100px;
}
.sectionBody {
/*   min-height: 40vh; */
}
.pronouciation {
  font-size: 1em;
  font-family: "Time New Roman", Time, serif;
}
.icon {
  max-height: 26px;
  display: inline;
  margin: 0 0 0 8px;
}
.tile {
  border: 1px solid #ddd;
/*   border-radius: 8px; */
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 15px 0px;
  font-size: 24px;
  font-weight: 900;
}
.hugeText {
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .hugeText {
    font-size: 200px;
  }
}
.project-item {
  border-bottom: 1px solid #dee2e6;
}
.project-item:last-of-type {
  border-bottom: none;
}