@font-face {
  font-family: Space Grotesk;
  src: url("../fonts/SpaceGrotesk-Regular.woff");
  src: url("../fonts/SpaceGrotesk-Regular.woff2");
  font-weight: normal; }

html {
  font-size: 62.5%; }

html, body, .site {
  height: 100%; }

body {
  height: 100%;
  font-size: 4vw;
  line-height: 1.4;
  font-family: Space Grotesk;
  background: #CE4949;
  text-align: justify; }

html, body, h1, h2, h3, h4, h5, h6, p {
  color: #000000; }

p, h1, h2, h3, h4, h5, h6 {
  font-size: 4vw;
  font-weight: normal;
  margin: 0;
  padding: 30px 0; }

img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
  margin-bottom: 30px; }

.site {
  padding: 0 30px;
  max-width: 1920px;
  margin: 0 auto; }

header {
  background: #CE4949;
  padding: 40px 0 0 0;
  box-sizing: border-box; }

.project p, .about span, .contact span, footer p {
  font-family: serif;
  font-style: italic;
  font-size: 3vw;
  letter-spacing: 1px; }

section {
  padding-top: 2%;
  padding-bottom: 2%; }

.project span {
  font-size: 4vw;
  font-family: Space Grotesk;
  font-style: normal; }

footer {
  margin-top: 15%;
  border-top: 3px #000000 solid; }